封装组件时,必须使用this.triggerEvent (',{} )才能在当前页面中获取组件的状态。 第一个参数是自定义事件名称,该名称是页面调用组件时的bind的名称,第二个对象可以获取所需的属性。 第三个参数文档已经介绍过了,有机会再添加。
在此demo中,like组件是我要封装的组件,将在classic.wxml中调用。 image.png组件like.vue的页面中写道: view bind 3360 tap=' on like ' class=' container ' iin ys src 3360 no src } } '/text { { count }/text/view组件的like.js methods 3360 { on like } { event } { let like=let count=this.properties.count; count=like? count - 1 : count 1; this.setdata({like: like,count } (let behavior=this.properties.like?) like' : 'cancel '; 请注意,在this.triggerEvent('like ',{ behavior },{ } )中,您将在classic.wxml中调用组件。 这里,请注意bind:后面的like是this.triggerevent ) )的第一位自定义事件名称v-like bind : like=' on like ' like=' { clager event }
在classic.js中,可以通过onlike获取组件的属性。 on like :函数(event ) console.log (event ) )。
可以在image.png event.detail.behavior中获得是否喜欢的属性。