uniapp 传值采坑

704 阅读1分钟

可以:

.父组件调用子组件: 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.onuni.on 和 uni.once 。 一次性的事件,直接使用 uni.$once 监听,不需要移除。 、事件总线可以 挂载 Vue.prototype

、公用模块 globalData(最简单的) Vuex

不可以

  • // H5不支持 uniapp 子组件不支持 this.$parent 找父组件方法

  • this.parent.chufaa();//this.parent.chufaa();//this.parent.chufaa is not a function

  • 子组件触发事件 在父组件onload 监听 this.$emit('fasongshijian',this.msg)

五.css选择器

组件wxss中不允许使用某些选择器,包括标记名选择器,ID选择器和属性选择器。