微信小程序-使用Component方法代替Page方法构造页面
一.使用Component方法的前提条件
在小程序js文件里使用Component方法代替Page方法需要在json文件里面定义usingComponents属性
{"usingComponents": {}
}
二.注意事项
1.在page页面里使用的钩子函数和事件监听方法都需要写在methods对象里面
methods:{update(){this.setData({name:'jerry'})} ,onLoad(options){console.log(options) console.log(this.data.id)console.log(this.properties.title) }}
})
2.接收页面参数
2.1 通过onLoad(options)里面的options里面有接收的参数值
传参页面代码
<navigator open-type="navigate"
url="/pages/detail/detail?id=10&title=test">detail</navigator>
接收参数页面代码
onLoad(options){console.log(options) }
2.2 通过properties接收参数，使用this.data或者this.properties获取接收的参数，前提得在properties对象里定义好参数，参数名和传参的参数名一致
properties:{id:{type:String,value:''},title:{type:String,value:''}}
onLoad(options){console.log(this.data.id)console.log(this.properties.title) }