2022-3-WX-按钮带参-自定义方法名-全局样式-组件生命周期-更改data中的属性-触发子组件-判断手机-设置tabbar

设置tabbar

隐藏原生tabbar

判断手机

// 根据手机类型来判断是否是 iphone       
let modelmes = res.model
if(modelmes.search('iPhone') != -1) {
  if(res.safeArea.top > 20) {
    that.globalData.isIphoneX = true;
  }
}
           

触发子组件事件

更改data中的属性

ps：不要在data中直接wx.get本地缓存的数据

改数组属性         
 let data =`_statusArr[${active}]`         
  this.setData({            [data]: 'loading'          })
 改对象属性          
 let data =`student.name`          
 this.setData({            [data]: 'lucy'          })
 改数组中对象的属性         
  let model = model //属性名          
  let obj = that.data.formArr[index] //对象          
  obj[model] = value // 给对象赋值          
  that.setData({            [`formArr[${index}]`]: obj          })
           

侦听

props中侦听：       
           

isDetails: {          
     type: Boolean,          
     value: true,         
     observer(val) {          }       
     },    
           

生命周期侦听：        
           

observers: {                
newsCount: function (val) {            }        
},
           

组件生命周期

lifetimes: {    // 在组件实例进入页面节点树时执行    
  	attached: function () {      
 		 let parmas = {        
 		 startTime: this.data.startTime,        
		  endTime: this.data.endTime      
 	 	}      
	  	this.triggerEvent('getDateInterval', parmas)    
  	},   
  	// 在组件实例被从页面节点树移除时执行    
 	 detached: function () {    
  		},  
  	},
           

组件开启使用全局样式

options: {
    addGlobalClass: true
  },
           

自定义方法名

pages:

funName="chooseYet"
bind:chooseYet="想要触发的方法"
           

comp:

funName:{ type: String,value: ''}
that.triggerEvent(that.properties.funName, obj)
           

按钮携带参数

view 绑定

js 获取

e.currentTarget.dataset.id