v-if="contents" 组件不显示
来源:11-6 图书目录组件开发和目录 API 对接
慕粉15201527929
2020-07-01
detailContents组件
加上 v-if=“contents” 组件在进入详情页时不显示!而视频里面正常显示!
写回答
1回答
-
慕粉15201527929
提问者
2020-07-01
如果去掉v-if或者改成v-show=‘content’,在detail.vue中不改变代码的情况下,会出现很诡异的现象,比如:获取contents后,子组件detailContents的渲染不是没有,就是少几条(比如contents数据有20条,子组件没有或者只展示后10条)
后来在获取contents时加了这句:this.contents=[],在联合子组件改成v-show=‘content’,这个问题才解决,不知道是什么原因呢!一个简单的数据渲染不知道怎么会问题这么多!
改完后:
detail.vue:
getBookContents () {
this.contents = []
const { fileName } = this.$route.query
bookContents({
fileName
}).then(res => {
this.contents = res.data.data
})
}detailContents.vue:
<div class="detail-contents-wrapper" v-show="contents">
虽然可以使用了,但是不知道照着老师那么做问题出在了哪里?
00
相似问题