小編給大家分享一下VUE.js實現(xiàn)動態(tài)設置輸入框disabled屬性的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

十多年的源城網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調整源城建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“源城網(wǎng)站設計”,“源城網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

需求背景

頁面從list列表展示，跳轉到新增和修改的時候，新增和修改用的是同一個頁面：add-or-update.vue。

修改的時候用戶的賬號不能修改，因此需要將賬號的輸入框屬性設置為"只讀"。

代碼樣例

<el-input v-model="dataForm.account" placeholder="賬號" v-bind:disabled="dataForm.id!=0"></el-input>
v-bind:disabled="dataForm.id!=0"

dataForm.id初始值為0

當修改操作時，dataForm.id是將要修改的那條數(shù)據(jù)的id，當新增時，dataForm.id是0

看完了這篇文章，相信你對“VUE.js實現(xiàn)動態(tài)設置輸入框disabled屬性的方法”有了一定的了解，如果想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當前標題：VUE.js實現(xiàn)動態(tài)設置輸入框disabled屬性的方法
網(wǎng)頁URL：http://aaarwkj.com/article16/jjgpdg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信小程序、定制開發(fā)、外貿建站、網(wǎng)站建設、網(wǎng)站維護、網(wǎng)站內鏈

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)