網站首頁 編程語言 正文
最近在做項目是,在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
相關推薦
- 2022-12-11 React高級特性Context萬字詳細解讀_React
- 2022-06-25 React?Hooks與setInterval的踩坑問題小結_React
- 2022-08-11 淺析k8s中各組件和kube?apiserver通信時的認證和鑒權問題_云其它
- 2024-07-15 Postman:Body類型中的x-www-from-urlencoded參數可以接受GET請求嗎?
- 2021-09-17 TortoiseGit的安裝與配置教程_相關技巧
- 2023-04-29 C++數組模擬之單鏈表與雙鏈表和棧和隊列的實現過程_C 語言
- 2022-04-19 Django項目中動態設置靜態文件路徑的全過程_python
- 2023-04-02 GoLang函數棧的使用詳細講解_Golang
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支