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>

效果图

相关推荐
梵得儿SHI16 分钟前
Vue 高级特性:渲染函数与 JSX 精讲(h 函数语法、JSX 在 Vue 中的应用)
前端·javascript·vue.js·jsx·模板语法·渲染函数·底层视图生成机制
GGGG寄了18 分钟前
CSS——文字控制属性
前端·javascript·css·html
菜鸟茜23 分钟前
ES6核心知识解析01:什么是ES6以及为什么需要ES6
前端·javascript·es6
David凉宸25 分钟前
Vue 3 项目的性能优化策略:从原理到实践(页面展示)
javascript·vue.js·性能优化
摘星编程30 分钟前
在OpenHarmony上用React Native:ImageGIF动图播放
javascript·react native·react.js
摘星编程35 分钟前
React Native + OpenHarmony:Text文本高亮显示
javascript·react native·react.js
忧郁的Mr.Li1 小时前
设计模式--单例模式
javascript·单例模式·设计模式
摘星编程1 小时前
在OpenHarmony上用React Native:Text文本可点击链接
javascript·react native·react.js
Byron07071 小时前
基于 Vue 的微前端架构落地实战:从 0 到 1 搭建企业级多应用体系
前端·vue.js·架构
一位搞嵌入式的 genius1 小时前
从 URL 到渲染:JavaScript 性能优化全链路指南
开发语言·前端·javascript·性能优化