调用自定义组件中的方法

2018-03-29  本文已影响0人  Aklan

创建自定义组件

.json

{
  "component": true
}

.js

Component({
    properties: {
       sth: {
            type: String,
            value: ''
        }
    },
    data: {
        active: false,
        message: 'message文字提示'
    },
    methods: {
        apply() { 
            // do something
        }
    }
  },

页面中引入自定义组件

.json

"usingComponents": {
    "message-tips": "../../components/messageTips/messageTips"
}

.xml

<message-tips id="messageTips" message="{{message.text}}"> </message-tips>

页面中调用自定义组件的方法

.js

onload() {
    this.messageComponent = this.selectComponent('#messageTips')
}
// selectComponent() 参数为 页面中引用自定义组件时,给自定义组件添加的id或class

// 在需要触发自定义组件的事件时
this.messageComponent.apply()
上一篇下一篇

猜你喜欢

热点阅读