vue中動態(tài)綁定表單元素的屬性方法

更新時間：2018年02月23日 10:29:05 作者：luckylqh

下面小編就為大家分享一篇vue中動態(tài)綁定表單元素的屬性方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

在vue中有時候可能想像使用jq一樣給某個元素添加屬性，如

$('#select1').attr('disabled','disabled')

這種方法也能實現(xiàn)，但是在vue中能用vue的方法還是盡量不要使用jq

使用vue的方法來添加屬性可以這樣：

<select v-model='issues' class="ui dropdown t-select-list" :disabled='isDisabled'>
 <option></option>
</selected>

disabled是表單元素的原生屬性，可以直接使用屬性綁定的語法 :disabled 來綁定，然后加上一個條件就可以控制這個屬性動態(tài)添加刪除，如：

watch:{
 issueDatas(){
  if(this.issueDatas.state==5){
   this.isDisabled=true;
  }
 }
}

當狀態(tài)為5的時候就能讓select為只讀狀態(tài)

以上這篇vue中動態(tài)綁定表單元素的屬性方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

前端面試之vue2和vue3的區(qū)別有哪些
這篇文章主要為大家介紹了前端面試之vue2和vue3的區(qū)別有哪些，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05
vue清除地址欄路由參數(shù)方式
這篇文章主要介紹了vue清除地址欄路由參數(shù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
Vue使用Echarts畫柱狀圖詳解
數(shù)據(jù)的重要性我們大家都知道，就算再小的項目中都可能使用幾個圖表展示，我最近在做項目的過程中也是需要用到圖表，最后選擇了echarts圖表庫，這篇文章主要介紹了Vue使用Echarts畫柱狀圖
2022-12-12
vue.js實現(xiàn)點擊圖標放大離開時縮小的代碼
這篇文章主要介紹了vue.js實現(xiàn)點擊圖標放大離開時縮小，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01
Vue 的雙向綁定原理與用法揭秘
這篇文章主要介紹了Vue 的雙向綁定原理與用法,結合實例形式總結分析了Vue 的雙向綁定基本原理、功能、用法及注意事項,需要的朋友可以參考下
2020-05-05
vue.js實現(xiàn)的幻燈片功能示例
這篇文章主要介紹了vue.js實現(xiàn)的幻燈片功能,結合實例形式分析了vue.js實現(xiàn)幻燈片的相關樣式、配置、功能等操作技巧,需要的朋友可以參考下
2019-01-01
Vue.js實現(xiàn)可配置的登錄表單代碼詳解
這篇文章主要介紹了Vue.js實現(xiàn)可配置的登錄表單實例代碼詳解，文中給大家補充介紹了vue.js 全選與取消全選的實例代碼,需要的朋友可以參考下
2018-03-03
vue二次封裝一個高頻可復用組件的全過程
在開發(fā)Vue項目我們一般使用第三方UI組件庫進行開發(fā),但是這些組件提供的接口并不一定滿足我們的需求,這時我們可以通過對組件庫組件的二次封裝,來滿足我們特殊的需求,這篇文章主要給大家介紹了關于vue二次封裝一個高頻可復用組件的相關資料,需要的朋友可以參考下
2022-10-10
淺談Vue.js 1.x 和 2.x 實例的生命周期
下面小編就為大家?guī)硪黄獪\談Vue.js 1.x 和 2.x 實例的生命周期。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
詳解基于vue-router的動態(tài)權限控制實現(xiàn)方案
本篇文章主要介紹了詳解基于vue-router的動態(tài)權限實現(xiàn)方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09