关于小程序云开发:小程序组件封装语法test

组件 json 文件

{"usingComponents": {},
  "component": true
}

组件 js 文件

Component({
  data: {value: 1},
  properties:{
      innreTest:{
        type:'String',
      value:'123123'
      },
      dataArr:{
        type:'Array',
        value:[]}
  },

  methods: {closeDialog() {this.triggerEvent('closedialog', {})
    },
    chooseItem(e){// console.log(e.currentTarget.dataset.item)
      let item = e.currentTarget.dataset.item
      this.triggerEvent('choose',item)
    }
  },
  addnum() {
    this.data.value ++
    this.triggerEvent('addnum', {})
  },


})

组件 xwml 文件

<!--components/test/test.wxml-->
<view class="testmodel" >
  <view class="flex">
      {{innreTest}}
    <text catchtap="closeDialog"> 勾销 </text>
    <text catchtap="addnum"> 确定 </text>
    <text wx:for="{{dataArr}}" bindtap="chooseItem" data-item="{{item}}">{{item.name}}</text>
  </view>
</view>

应用组件

<test  dataArr="{{dataArray}}" bindchoose="fuchoose" innre-test="{{innreTest}}"></test>

js data

 dataArray:[{name:'张三'},
    {name:'李四'}],
    innreTest:'ettrytrt',
    methods:{fuchoose(e){console.log(e.detail.name);// 张三李四~~~~
  },
    }