这不会那不会 2022-02-28 10:10 采纳率: 61.1%
浏览 90
已结题

子类如何向父类传递值

问题遇到的现象和发生背景

img


img

问题相关代码,请勿粘贴截图

父类按钮

<el-form-item label="应用管理员" prop="aplMgt">
          <el-input v-model.trim="form.aplMgt" placeholder="请输入应用管理员" style="width: 200px!important;"  readonly/>
          <el-button

            icon="el-icon-search"
            @click="handleSelectUserDept()"
          >选择用户</el-button>
        </el-form-item>

子类表单


<el-table v-loading="loading" :data="userList" >
      <el-table-column type="selection" width="50" align="center" />
      <el-table-column label="用户编号" align="center" key="userId" prop="userId"  />
      <el-table-column label="登录账号" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
      <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
      <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
      <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
      <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.status"
            active-value="0"
            inactive-value="1"
            :disabled="accessLevel == 1"
          ></el-switch>
        </template>
      </el-table-column>
      <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
    </el-table>



submitForm() {

      },



###### 运行结果及报错内容 

###### 我的解答思路和尝试过的方法 
之前在网上有查过子类向父类传递数据用$emit这个组件,但是具体怎么写不知道,大概的一个思路就是,在点击选择用户按钮的绑定一个监听,如果子类页面有选中,并并且点击确定后,就把当前行的值传递给我,父类页面
###### 我想要达到的结果

子类页面点击某行,父类页面应用管理员的框显示的是用户昵称按钮,但是后台传的是用户id的值
  • 写回答

5条回答 默认 最新

  • 你好!机器人 2022-02-28 10:50
    关注
    在el-table加个ref="elTable"
    <el-table v-loading="loading" :data="userList" ref="elTable">
    用this.$refs.elTable.selection可以获取到你选中的值
    然后用emit传到父组件
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 3月9日
  • 已采纳回答 3月1日
  • 创建了问题 2月28日

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵