Q&A
実行したいこと
一つをtrueにしたとき、他の全部をfalseに切り替えたい
vue
1data: { 2 active: "apple", 3 fruit: { 4 apple: true, 5 banana: false, 6 peach: false, 7 } 8}
vue
1methods: { 2 switchCaseNav: function (button) { 3 switch(this.active){ 4 case 'apple' : 5 this.fruit.apple = true; 6 this.fruit.banana = false; 7 this.fruit.peach = true; 8 break; 9 case 'banana' : 10 this.fruit.apple = false; 11 this.fruit.banana = true; 12 this.fruit.peach = false; 13 break; 14 case 'peach' : 15 this.fruit.apple = false; 16 this.fruit.banana = false; 17 this.fruit.peach = true; 18 break; 19 default : 20 this.fruit.apple = true; 21 this.fruit.banana = false; 22 this.fruit.peach = true; 23 break; 24 } 25 } 26 }, 27
例：
bananaをtrueにしたとき、
他のすべてがfalseになるようにしたい
困っていること
現状のmethodでは、dataの数を増やせば増やすほど、
条件を書き足す必要がでてきます。
そのため、一括ですべてをfalseに切り替えた後、
該当のアイテムだけをtrueにする方法があれば、
と考えています。
簡単な内容で恐縮ですが、
ご回答いただけますと助かります。
よろしくおねがいします。
回答1件
0
for...in でループ回せばいいんじゃないかと思いました。
for...in - JavaScript | MDN
投稿2021/03/12 04:35
総合スコア36946
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。