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

  • Z时代
  • 2024-03-04
  • 分类：IT

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

<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 属性绑定的变量不要层级太深，一般来说最好是一级。

以上是 Element table组件中嵌套使用Select组件，结果对Select下拉框中的值无法选中？ 的全部内容， 来源链接： utcz.com/p/933297.html

回到顶部