Element table组件中嵌套使用Select组件,结果对Select下拉框中的值无法选中,选择后data中的值已经改变但是页面无法渲染
<el-table-column label="责任工序" width="120">
<template slot-scope="scope">
<el-select v-model="scope.row.responsibleProcess" @change="selectChange(scope,$event)" clearable placeholder="请选择责任工艺">
<el-option
v-for="item in scope.row.processContent.split(' → ')"
:key="item"
:label="item"
:value="item">
</el-option>
</el-select>
</template>
</el-table-column>
在change事件中 尝试了使用 $set 和 $forceUpdate 以及table的doLayout() 结果都没有解决问题,路过的前辈欢迎指导
确保表格数据里面有
responsibleProcess
这个属性就可以了,用哪种方法都都是可以与触发的。另外一个就是
table
元素的data
属性绑定的变量不要层级太深,一般来说最好是一级。