在Component组件中如何实现侦听属性:
    (1)如何创建组件:components\spinner\新建Component
    (2)在使用组件的页面的json文件中:
         {
            "usingComponents":{
                "组件名":"组件的路径"
                "spinner":"../../components/spinner/spinner"
                }
            }
     (3)小程序的component组件支持observers选项:
          Component({
            properties:{},     	// 设置从父组件传递过来的数据
            data:{},	// 设置组件内部需要用到的数据
            observers:{	// 设置组件的侦听属性
              count(newValue){
                this.setData({
                  total:newValue*this.data.price
                    })
                }
            },
                methods:{}	// 设置组件的方法
            })
     (4)最终组件内部的total变量的结果需要传递给父组件:
          原理:和Vue一致,通过调用父组件的自定义事件来实现。
          父组件绑定自定义事件:<spinner bind:custom="countCustom"></spinner>
          子组件触发父组件的自定义事件:this.triggerEvent("custom",this.data.total);

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐