每个数组项有各自的下拉数据

8 篇文章 0 订阅

在这里插入图片描述
每个科室负责人都是根据各自的科室选取的,那么就不适合用一个数组去保存科室负责人,这个时候我们使用二维数组。

 <el-table-column label="科室负责人" width="200" align="center">
       <template slot-scope="scope">
         <el-input :disabled="disabled" v-if="!scope.row.start" v-model="scope.row.departUserName" @focus="getReal(scope.row, scope.$index)"></el-input>
         <el-select v-else :disabled="disabled"  v-model="scope.row.departUser" filterable>
           <el-option :label="item.realName" :value="item.userId" :key="item.userId" v-for="item in departUserList[scope.$index]"></el-option>
         </el-select>
       </template>
     </el-table-column>

当选择了3条数据过来的时候,先给每个数组遍历添加一个start字段: this.selectedEqus.forEach(item=>{item.start=false} ;
给这个input框加一个@foucs事件,当他点击的时候将row.start=true,这就展示下拉了是吧。
在这里插入图片描述
根据前面选择的科室选择各自的负责人,然后用this.$set(数组, 下标,下拉数组)变成一个新的。
在这里插入图片描述
当查看或者编辑之前,先遍历,把start还要设置成false,这样先展示departUserName(这里注意后端一定要既返回一个depratUserId,也要加一个departUserName)
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值