vue動態控制當前行的disabled禁用屬性


需求:新增一行固定存在,新增的行項目默認不允許修改,設置disabled 屬性,點擊當前 編輯的時候文案改變為‘’確認編輯‘’,並且下拉框和輸入框為可編輯 

解決辦法:如果后台有返回狀態就可以直接用,如果沒有就在查詢數據的時候手動添加一個 屬性進去 ,eg: 在json數組的沒一行數據都加一個  disable:true,然后再html 上面綁定 

:disabled="val.disabled"   ,然后點擊操作的時候直接改變狀態: val.disabled = false;   截圖如下:

 


免責聲明!

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



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