创建自定义组件
.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()
网友评论