element ui table 中下拉框

最新推荐文章于 2025-03-13 18:08:39 发布

生万千欢喜心

最新推荐文章于 2025-03-13 18:08:39 发布

阅读量2.5k

点赞数 1

文章标签： elementui 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_43868242/article/details/123375594

版权

这段代码展示了如何在Vue应用中利用el-table-column和el-select组件创建一个多选角色选择的功能。通过绑定row.roleName和row.roleList，实现了角色列表的动态渲染，并在角色变更时触发changeRole方法进行更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table-column prop="roleList" label=角色 :width="180">
       <template slot-scope="scope">
           <el-select :ref="scope.row.id" multiple v-model="scope.row.roleName" @change="changeRole(scope.row)">
               <el-option v-for="item in scope.row.roleList" :label="item.name" :value="item.id" :key="item.id"></el-option>
           </el-select>
        </template>
</el-table-column>