小程序 最简单的组件

xhml 文件

<text>pages/assembly/assembly.wxml</text>

<view wx:for="{{i_data}}">

    <londng  goodsItem="{{item}}"></londng>

</view>

json 文件

{

    "usingComponents": {

      "londng": "/compontes/londng"

    }

}

自定义组件文件

组件的 xtml 文件

<text bindtap='tap_gtx'>{{item.title}}</text>

// compontes/londng.js

Component({

  /**

  * 组件的属性列表

  */

  properties: {

    goodsItem:{

      type: 'object',

      value: {},

      observer: '_itemChange'//接收参数

    }

  },

  /**

  * 组件的初始数据

  */

  data: {

    item:{}

  },

  /**

  * 组件的方法列表

  */

  methods: {

    _itemChange(val){

      const that=this;

      that.setData({

        item:val

      })

      console.log(val);

    },

    tap_gtx(){

          wx.showToast({

            title: '哪哈',

            icon:'none'

          })

    }


  }

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容