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

虽然可以使用了,但是不知道照着老师那么做问题出在了哪里?


0
0

零基础入门 实战mpvue2.0多端小程序框架

mpvue,一套代码搞定多个平台小程序,前端更易上手

819 学习 · 647 问题

查看课程