在小程序中进行组件化开发,主要就是有两个问题,一个是通过组件给我们的前台传值,或者是前端事件对组件进行传值。介绍的是现在自己常用的,其他的暂时还没怎么使用。
组件对前端进行传值
在组件中使用 triggerEvent 方法抛出,指定事件名、detail对象和事件选项。
实现组件间的通信
例如这样,抛出了一个事件名,一个值。
this.triggerEvent('timeUpdate',{
currentTime
})
然后再我们引用组件的地方接受值和时间
就和我们平时写时间一样,使用bind:+定义的事件名bind:timeUpdate="timeUpdate"
这样就可以让他在前端响应我们传递过来的内容。
在前端的.js
中响应
timeUpdate(event) {
console.log(event)
},
这个时候输出的值就是我们传递过来的currentTime
。这样就完成了一次子组件向父组件的传值。
前端对组件进行传值
当我们想要将值从前端传递给后台之后,除了在前端.js
的定义必不可少
这个时候在我们的组件的引用中传递该参数
前边的方法为我们自定义的,用于在组件中接收。这样就可以将我们isSame的值进行传递过去。
在组件中进行接收使用
大体上一直常用的就这个方法,其他的暂时没怎么用,等用了在补充