element-ui中table组件的表格嵌套Select,table中使用select
在table组件中,有一个<template slot-scope="scope"></template>,这个模板有一个slot-scope属性,这个属性的作用,等同于我们在给每个组件写CSS的时候,都会加上scoped的作用是一样的。也就是说,使用这样的一个模板,就能够让每一个下拉框都是独立的互不干扰的,但是我们需要做一些相应的改变。
不加这个属性,选项选不中
<el-table-column label="暂降原因" align="center"> <el-table-column> <template slot-scope="scope"> <el-select v-model="bb" placeholder="暂降原因" style="width:110px" class="input-class"> <el-option label="短路故障" value="短路故障" /> <el-option label="变压器激磁" value="变压器激磁" /> <el-option label="电机启动" value="电机启动" /> <el-option label="不明原因" value="不明原因" /> </el-select> </template> </el-table-column> </el-table-column>
分类:
elementui组件库
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~