問題：點擊按鈕后發現console面板中arr的值已經改變了，為什么對應的列表沒有隱藏呢？要實現的功能：點擊按鈕，相應的列表會隱藏<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>vue測試</title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script></head><body> <div id="box"> <button @click="show(0)">按鈕一</button> <button @click="show(1)">按鈕二</button> <button @click="show(2)">按鈕三</button> <ul> <li v-show="arr[0]">11</li> <li v-show="arr[1]">22</li> <li v-show="arr[2]">33</li> </ul> </div><script type="text/javascript"> new Vue({ el:"#box", data:{ arr:[true,true,true] }, methods:{ show:function(num){ this.arr[num]=false; console.log(this.arr); } } })</script></body></html>
vue顯示/隱藏元素的相關問題，數組已經改變但是對應的元素卻沒有隱藏?
HUX布斯
2019-02-12 17:19:49