vue選択操作部品を開く

今回はvue select運用操作部品の開き方についてお届けします。vue select運用操作部品を開く際の注意点は以下の通りです。

ビジネス: メッセージをプッシュするには「WeChat」と「電子メール」の 2 つの方法があります。WeChat で送信する場合は、「送信するアプリケーション」を選択する必要があります。電子メールで送信する場合は、

する必要はありません。 WeChat 経由の場合、ページは次のようになります。

メール送信時、ページは次のようになります。

公式 Web サイトには具体的な例が示されていません。 「disabled」属性は、属性

です。

属性	の説明	Type	Default value
disabled	無効にするかどうか	Boolean	偽

実装:

無効な属性を追加します。次の赤いマークの形式で記述します。isAble 変数を定義し、この選択ボックスが利用可能かどうかを決定するために TRUE および FALSE 値を格納するために使用されます。

<select>v-bind:disabled="isAble" clearable v-model="dataAgentEntity.ID" style="width:240px"> 
   <option>{{ item.name }}</option> 
 </select> 
export default { 
  data(){ 
    return{ 
      isAble: false,//select下拉框是否可用 
    } 
  }

その後、ロジック内の操作変数 isAble の値によって、コンポーネントの使用可能状態と無効状態が変更されます。

 methods:{ 
     Test(){ 
      var vm = this; 
       if (vm.alertType == '邮件') { 
        vm.isAble = true; //不可用 
      } 
        
     }  
}

テスト メソッドは、それを WeChat に戻す場合は、次のように変更する必要があります。利用可能な状態にしないと、また埋もれてしまいます（笑）。ただし、これはビジネスロジックであり、状況に応じて方法を紹介するだけです。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryは配列のマージ/追加重複排除機能を作成します

JSは配列トラバーサル方法の概要とパフォーマンスの比較を作成します

以上がvue選択操作部品を開くの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。