学无先后,达者为师

网站首页 编程语言 正文

el-table中使用el-select,选择后不刷新解决方法

作者:布偶乱跑 更新时间: 2022-04-10 编程语言

最近在做项目是,在element表格中使用下拉,但是下拉选择后,数据没有显示在select组件上,搜索后找到解决方案:

 <el-table :data="nodeFormTableData"
                style="width: 100%">
        <el-table-column prop="personType"
                         label="人员类型">
          <!-- 人员类型下拉 -->
          <template slot-scope="scope">
            <el-select v-model="scope.row.personType"
                       placeholder="请选择">
              <el-option v-for="item in personTypeList"
                         :key="item.label"
                         :label="item.label"
                         :value="item.value">
              </el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column prop="personSelect"
                         label="人员选择">
        </el-table-column>
        <el-table-column prop="isExtract"
                         label="是否抽取">
        </el-table-column>
        <el-table-column prop="calculateType"
                         label="运算类型">
        </el-table-column>
        <el-table-column prop="personOption"
                         label="操作">
        </el-table-column>
      </el-table>

在列中使用template scope写法,绑定scope.row.字段名,可以实现选择后同步刷新

原文链接:https://blog.csdn.net/weixin_44634372/article/details/108661122

栏目分类
最近更新