uniapp中v-show的bug

```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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章