チェックボックスがオンになっている場合、Vue.js ドロップダウン メニューを無効/有効にしますか?

Question

<p>チェックボックスがオンになっているときに、ドロップダウン:組み合わせの選択を有効/無効にしようとしています。 名前の追加</strong> では正常に動作しますが、 クライアントレス が選択されている場合、 名前の編集 作業では動作しません。 </p> <p>「クライアントレス」が選択されているため、ドロップダウンは無効になっているはずですが、ボックスのチェックを外した場合にのみ有効になります。ただし、ボックスにチェックを入れるとドロップダウン メニューが有効になり、ボックスのチェックを外すとドロップダウン メニューが無効になります。 </p> <p> <pre class="brush:js;toolbar:false;">data: { editSelect: true、 }、 メソッド: { noClient() { this.editSelect = !this.editSelect; },</pre> <pre class="brush:html;toolbar:false;"> <b-form-checkbox id="名前なし" v-model="チーム名Id" 名前="名前なし" type="チェックボックス" :value="null" @change="noName()" /> <コンボ選択 id="名前ボックス" v-model="チーム名Id" api-location="fetchTeamsByName" api-details-location="fetchTeamDetails" 検索パラメータ="名前" :Additional-search-fields="追加検索フィールド" :transformer="名前トランスフォーマー" :value="null" :config="{ ...コンボ設定、 searchLabel: '名前の検索', isEditable: editSelect、 }" class="入力 input__typeahead" @on-select-item="onTeamComboSelect" /> </pre> </p> <p>コードの何が問題なのかを理解するのを手伝ってください。また、この問題を別の方法でコード化する方法について提案があれば、ぜひお知らせください。 </p>

Answer 1

チェックボックスに v-model を設定し、その値を使用してドロップダウンを無効にすることができます。

リーリー リーリー