```javascript
<template>
<view class="uni-container">
<button @click="arrayInit">array添加項</button>
<button @click="arrayEmpty">array變爲空數組</button>
<view>array.length > 0 的值 {{ array.length > 0 }}</view>
<view v-show="array.length > 0">v-show中array.length大於0展示</view>
<view v-if="array.length > 0">v-if中array.length大於0展示</view>
</view>
</template>
<script>
export default {
data() {
return{
array: [],
isShow: false
}
},
methods: {
arrayInit() {
this.array = [1,2,3,4];
},
arrayEmpty() {
this.array = [];
}
},
}
</script>
```
點擊"array添加項"按鈕,會爲array賦值爲[1,2,3,4]
預期結果
“v-show中array.length大於0展示”內容展示出來
“v-if中array.length大於0展示”內容展示出來
實際結果
“v-show中array.length大於0展示”內容沒有展示出來
“v-if中array.length大於0展示”內容展示出來
由上圖可知,array的更改並沒有觸發v-show這塊dom的更新
有人解答還是真的是個bug