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

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

el-table中使用el-select,選擇后不刷新解決方法

作者:布偶亂跑 更新時(shí)間: 2022-04-10 編程語(yǔ)言

最近在做項(xiàng)目是,在element表格中使用下拉,但是下拉選擇后,數(shù)據(jù)沒(méi)有顯示在select組件上,搜索后找到解決方案:

 <el-table :data="nodeFormTableData"
                style="width: 100%">
        <el-table-column prop="personType"
                         label="人員類(lèi)型">
          <!-- 人員類(lèi)型下拉 -->
          <template slot-scope="scope">
            <el-select v-model="scope.row.personType"
                       placeholder="請(qǐng)選擇">
              <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="運(yùn)算類(lèi)型">
        </el-table-column>
        <el-table-column prop="personOption"
                         label="操作">
        </el-table-column>
      </el-table>

在列中使用template scope寫(xiě)法,綁定scope.row.字段名,可以實(shí)現(xiàn)選擇后同步刷新

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

欄目分類(lèi)
最近更新