日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

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

欄目分類
最近更新