vue element-ui 動態生成el-table 自定義input input賦值問題


實現一下效果

1,動態生成表格 直接貼代碼
因為表格是動態生成的 input 當然也是動態生成 那么我們應該怎么給input綁定對應的字段呢 第一我們會想到用prop直接給input綁定賦值或者綁定單個字段
后來我們發現prop在el-table只是傳的字段不能用來給input直接賦值 那么我么應該怎么做才能實現給input 的model綁定對應的值呢?
實現代碼如下
我們發現在頁面上輸出scope.column 會多property的字段 圖二
那么property的字段就是代表當前列的值
scope.column和scope.row有什么區別呢大家請自行百度
圖一

圖二

圖三 最終實現代碼如下圖


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM