<el-table-column label="值"> <template slot-scope="scope"> <el-select class="custom-select" multiple collapse-tags style="margin-left: 30px;" v-if="scope.row.name == 'ParamType'" v-model="scope.row.data" > <el-option v-for="t in scope.row.valueData" :key="t.text" :label="t.value" :value="t.text" > </el-option> </el-select> <el-input v-else v-model="scope.row.data" :disabled="scope.row.name == 'Protocol'" ></el-input> </template> </el-table-column>
时间: 2024-02-14 13:31:08 浏览: 94
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
根据你提供的代码,多选框的显示问题可能与以下几个因素有关:
1. `el-select` 组件的样式:你可以尝试调整 `el-select` 组件的宽度,以确保能够完整显示所有已选择的数据。你可以通过在 `el-select` 标签上添加 `style` 属性来设置宽度,例如 `style="width: 200px;"`。
2. 父级容器的宽度:如果 `el-select` 组件的父级容器宽度不足以容纳所有已选择的数据,那么显示框就会被截断。你可以检查父级容器的宽度,并根据需要进行调整。
3. 其他样式或脚本冲突:有时候,其他样式或脚本可能会影响多选框的显示效果。你可以检查是否有其他样式或脚本与 `el-select` 组件冲突,如果有的话,尝试解决冲突问题。
希望以上建议能够帮助你解决多选框显示不完整的问题。如果还有其他疑问,请随时提出。
阅读全文