美文网首页
uniapp坑watch

uniapp坑watch

作者: 彭星月 | 来源:发表于2020-05-21 11:15 被阅读0次

子组件的watch时间监听不生效,原因在组件中使用了v-if对数组,无奈将父组件的v-if去掉,改用其他逻辑处理

父组件使用 talkCP 子组件,将listData传给子组件,但是子组件没有监听到组件的变化

<view v-if="list.length > 0">

<talkCP :listData="list" :userInfo="userInfo" :hasLogin="hasLogin"></talkCP>

<view v-if="list.length > 0 && isFinished" class="flex-center dy-font-color pd20">没有更多数据了</view>

</view>

<view class="dy-font-color flex-center mgt20" v-else>

暂无数据

</view>

子组件

watch: {

listData(val) {

this.postList = val;

}

},

mounted(){

// this.postList = this.listData;

console.log('postList:'+this.postList)

}

相关文章

  • uniapp坑watch

    子组件的watch时间监听不生效,原因在组件中使用了v-if对数组,无奈将父组件的v-if去掉,改用其他逻辑处理 ...

  • watch的坑

    watch内调用methods方法:如果想要在watch里面调用methods里的方法,就不能这么写了,不能用箭头...

  • vue中watch监测对象内部内容

    watch vue使用者在使用watch时经常会遇到很多坑,其中监测对象有时会监测不到 1.对象具体属性的watc...

  • uniapp入坑契机

    起步 那时候也招了一个实习的,我这一看就知道,肯定二选一,都不敢松懈,手头上给我的项目不懂不清楚的 过渡 到了深圳...

  • uniapp踩坑笔记

    前进,前进。 使用cli 会提示模版选择框(不同模版适配程度不同,hello uni-app可以直接运行,有的则不...

  • uniapp 踩坑记录

    uni.makePhoneCall打包后不生效的问题 需要勾选权限android.permission.CALL_...

  • uniapp踩坑记

    首先我是用cli创建的项目 1.项目配置px转rpx 安装postcss-pxtorpx-pro vite.con...

  • uniapp开发踩坑

    自定义组件v-model不可以自定义model,只能使用默认的value/input,否则小程序无效 原本我使用的...

  • 小程序:uni_app框架采坑记录

    报错1 报错2 uniapp打包微信小程序的坑permission和plugins 添加失败发现在pages.js...

  • 2022-09-27- uniapp-app 开发踩坑总结

    uniapp-app 开发踩坑总结1、 iOS 设置宽 100% 和 paddding:20rpx 会出现下侧滚动...

网友评论

      本文标题:uniapp坑watch

      本文链接:https://www.haomeiwen.com/subject/xphzohtx.html