组件化开发的传值问题

在小程序中进行组件化开发,主要就是有两个问题,一个是通过组件给我们的前台传值,或者是前端事件对组件进行传值。介绍的是现在自己常用的,其他的暂时还没怎么使用。

组件对前端进行传值

在组件中使用 triggerEvent 方法抛出,指定事件名、detail对象和事件选项。
实现组件间的通信
例如这样,抛出了一个事件名,一个值。

this.triggerEvent('timeUpdate',{
            currentTime
          })

然后再我们引用组件的地方接受值和时间
就和我们平时写时间一样,使用bind:+定义的事件名bind:timeUpdate="timeUpdate"
这样就可以让他在前端响应我们传递过来的内容。

在前端的.js中响应

  timeUpdate(event) {
    console.log(event)
  },

这个时候输出的值就是我们传递过来的currentTime。这样就完成了一次子组件向父组件的传值。

前端对组件进行传值

当我们想要将值从前端传递给后台之后,除了在前端.js的定义必不可少

这个时候在我们的组件的引用中传递该参数
在这里插入图片描述
前边的方法为我们自定义的,用于在组件中接收。这样就可以将我们isSame的值进行传递过去。
在组件中进行接收使用
组件化开发的传值问题_第1张图片

大体上一直常用的就这个方法,其他的暂时没怎么用,等用了在补充

你可能感兴趣的:(小程序)