vue でフォーム要素の属性を動的にバインドする方法

ここで、Vue でフォーム要素を動的にバインドする属性メソッドに関する記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

vueでは

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

などのように、jqを使用するように要素に属性を追加したい場合があります。この方法でも実現できますが、vueでvueを使用できる場合は、jqを使用しないようにしてください

を使用してくださいvue 属性を追加するメソッドは次のとおりです。

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

disabled は form 要素のネイティブ属性です。属性バインディング構文を直接使用して、動的追加を制御する条件を追加できます。この属性を削除すると、次のようになります。

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

ステータスが 5 の場合、選択を読み取り専用ステータスにすることができます

上記は、皆さんのためにまとめたものです。今後皆さんのお役に立てれば幸いです。 。

関連記事:

vue-cli で webpack テンプレートを使用してプロジェクトの構築とパッケージ化パスの問題を解決する

vue-cli で vuex を使用する (詳細なチュートリアル)

vue-cli を使用して vue を記述する方法プラグイン

以上がvue でフォーム要素の属性を動的にバインドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。