美文网首页
调用自定义组件中的方法

调用自定义组件中的方法

作者: Aklan | 来源:发表于2018-03-29 18:33 被阅读0次

    创建自定义组件

    .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()
    

    相关文章

      网友评论

          本文标题:调用自定义组件中的方法

          本文链接:https://www.haomeiwen.com/subject/mwkvcftx.html