以下のコードで、 クリックイベントを設定した画像をクリックした時に、2つ目の画像に特有のclass: classAの付け替え操作を行いたいのですがaTrue : falseの時に img2が非表示になります。 逆に、trueにすると2つとも正常に表示されます。
原因がわかる方、いないでしょうか。
尚.classA には座標変更のスタイルのみを付与しており、display:noneなどは入れていません。
vue
1<ul> 2 <li class="img_area" v-on:click="click"></li> //img1 3 <li class="img_area" v-if="aTrue" :class="{classA: aTrue}"></li> //1mg2 4</ul> 5
javascript
1data: function () { 2 return{ 3 aTrue: true, 4 } 5 methods:{ 6 click: function () { 7 this.aTrue = false; 8 }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/12 05:16