el-table自定义列内容

复制代码
  <el-table-column property="programme" label="接入方案" width="310">
                <template #default="scope">
                    <el-select v-model="scope.row.programme" class="m-2" @change="selectChange2(scope.row)"
                        style="width: 280px;">
                        <el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                </template>
            </el-table-column>

效果图

相关推荐
WX-bisheyuange3 分钟前
基于Spring Boot的社团管理系统的设计与实现
前端·javascript·vue.js·毕业设计
橙某人13 分钟前
LogicFlow 插件魔改实录:手把手教你重写动态分组(DynamicGroup)🛠️
前端·javascript·vue.js
Irene199127 分钟前
Vue 3 中编写单文件组件(SFC)的编译时语法糖:<script setup>
vue.js
2501_9444460030 分钟前
Flutter&OpenHarmony状态管理方案详解
开发语言·javascript·flutter
T_Donna35 分钟前
【问题解决】react native: cli.init is not a function
javascript·react native·react.js
qx0942 分钟前
html中使用vue3+elementplus
javascript·vue.js·html
bjzhang751 小时前
使用 HTML + JavaScript 实现滑动验证码
前端·javascript·html
不老刘1 小时前
前端面试八股文:JavaScript 原型链
javascript·原型链
行走的陀螺仪1 小时前
使用uniapp,实现根据时间倒计时执行进度条变化
前端·javascript·uni-app·vue2·h5
科技D人生1 小时前
Vue.js 学习总结(19)—— Vue3 按钮防重复点击三种方案总结
前端·vue.js·uniapp·vue3 防重复提交·uniapp 防重复提交·前端防抖