uni-app 一个自定义组件被多个页面引用并传值的坑

wozhenshiful

已于 2022-10-23 10:31:17 修改

阅读量1.1k

点赞数

文章标签： uni-app 微信小程序前端

于 2022-10-23 00:03:50 首次发布

本文链接：https://blog.csdn.net/wozhenshiful/article/details/127468759

版权

因为自已要学着做个uniapp项目，我用vue2搞一个音乐微信小程序，在搞到传值的时候给我整不会了，我以为简单的绑定一下要动态改变的属性，然后就通过更新变量就能动态改变属性了，没想到搞了半天才搞明白,我搞的是绑定src

<image @click="music" class="music_right_img" :src="music_static==true?'/static/my/stop.png':'/static/my/play.png'"></image>

因为是音乐小程序所以我有个自定义的音乐播放栏，就先搞了两个页面，两个页面都放进了uniapp的原生tabbar里面,然后点击这个音乐播放栏进入音乐播放界面，这个点击事件我是用navigateTo直接跳到音乐播放界面的，然后用navigateBack返回上一级页面，很合理对吧。

然后，我每个页面都要有个判断当前音乐播放状态的变量吧,关键是直接我直接调用对象然后获取音乐状态复制后发现这个赋值有时候在my页面有用，有时候又在index有用，就是不能一起生效。

想起来了，微信小程序的组件在不同页面被同一个组件引用时的值并不是通用的，我想uniapp应该微信小程序开发的话也应该有所相同，就想通过父组件(也就是当前页面)向子组件(子组件就是引用的组件)传参来更改，这样即便值不相同，每次传的值是一样的也就没什么不同了

我用的是getBackgroundAudioManager，直接封装在main.js然后就可以在全局vue使用)

// #ifndef VUE3

关注