可以:
一.父组件调用子组件: this.$refs.alert.open();
二. uni.$emit('login',this.name)
ps: 记得移除事件 uni.$off 移除全局的事件监听,避免重复监听
onLoad() {
console.log('父组件的this:',this)
this.$on('fasongshijian', (val)=>{
console.log(val)
})
// 监听事件
uni.$on('login',(usnerinfo)=>{
this.usnerinfo = usnerinfo;
})
},
onUnload() {
// 移除监听事件
uni.$off('login');
},
传参obj:
uni.$emit('login', {
avatarUrl: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/nav_menu/10.jpg',
token: 'user123456',
userName: 'unier',
login: true
});
Tips:
如果页面没有打开,将不能 注册监听事件 uni.once 。
一次性的事件,直接使用 uni.$once 监听,不需要移除。
三、事件总线可以 挂载 Vue.prototype
四、公用模块 globalData(最简单的) Vuex
不可以
-
// H5不支持 uniapp 子组件不支持 this.$parent 找父组件方法
-
this.parent.chufaa is not a function
-
子组件触发事件 在父组件onload 监听 this.$emit('fasongshijian',this.msg)
五.css选择器
组件wxss中不允许使用某些选择器,包括标记名选择器,ID选择器和属性选择器。