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>

效果图

相关推荐
是你的小橘呀3 分钟前
从 "渣男" 到 "深情男":Promise 如何让 JS 变得代码变得专一又靠谱
前端·javascript·html
mangnel5 分钟前
vue3 的预编译模板
vue.js
baozj6 分钟前
告别截断与卡顿:我的前端PDF导出优化实践
前端·javascript·vue.js
梵得儿SHI7 分钟前
Vue 响应式原理深度解析:Vue2 vs Vue3 核心差异 + ref/reactive 实战指南
前端·javascript·vue.js·proxy·vue响应式系统原理·ref与reactive·vue响应式实践方案
玉宇夕落13 分钟前
深入理解 JavaScript 中的 this:从设计缺陷到最佳实践(完整复习版)
javascript
刻刻帝的海角15 分钟前
基于UniApp与Vue3语法糖的跨平台待办事项应用开发实践
javascript·vue.js·uni-app
ByteCraze19 分钟前
系统性整理组件传参14种方式
前端·javascript·vue.js
大杯咖啡20 分钟前
基于 Vue3 (tsx语法)的动态表单深度实践-只看这一篇就够了
前端·javascript·vue.js
Aniugel20 分钟前
Vue2简单实现一个权限管理
前端·vue.js
爱泡脚的鸡腿22 分钟前
uni-app D8 实战(小兔鲜)
前端·vue.js