チェックボックスがオンになっている場合、Vue.js ドロップダウン メニューを無効/有効にしますか?
P粉714844743
2023-08-29 23:14:07
<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
チェックボックスに
v-modelを設定し、その値を使用してドロップダウンを無効にすることができます。