Element table组件中嵌套使用Select组件,结果对Select下拉框中的值无法选中?

Element table组件中嵌套使用Select组件,结果对Select下拉框中的值无法选中,选择后data中的值已经改变但是页面无法渲染
image.png

<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() 结果都没有解决问题,路过的前辈欢迎指导

阅读 2.5k
1 个回答

确保表格数据里面有 responsibleProcess 这个属性就可以了,用哪种方法都都是可以与触发的。
另外一个就是 table 元素的 data 属性绑定的变量不要层级太深,一般来说最好是一级。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题