今回は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 サイトの他の関連記事に注目してください。
推奨読書:
JSは配列トラバーサル方法の概要とパフォーマンスの比較を作成します
以上がvue選択操作部品を開くの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。