小程序组件

本文介绍微信小程序中自定义组件的注册与使用方法。在app.json的usingComponents中全局注册组件,页面通过标签引用并传递属性。组件JS中使用Component构造器定义properties(含类型和默认值),并通过methods中的setData方法修改数据。

作者:zhuge··预计阅读 10 分钟·586 阅读·0 评论
小程序组件

app.json (全局)

"usingComponents":{

    "tst":"/componets/tst/tst"

  }

page引用

<tst somedata='123'></tst>


组件 js

Component({

  properties: {

    somedata:{

      type:Number,//类型

      value:10    //默认值

    }

  }

...

}

设置数据 方法 setit

  methods: {

    setit(){

      this.setData({somedata:this.properties.somedata + 1})

    }

}




相关文章

评论

加载中...