wepy - 与原生有什么不同（事件更改）

 

 

 

 

对于repeat，详情见官方文档

 

<style lang="less">
  .userinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .userinfo-avatar {
    width: 80rpx;
    height: 80rpx;
    border-radius: 50%;
  }
  .userinfo-nickname {
    color: #aaa;
  }
  .order {
    color: #f00;
  }
  .btn {
    width: 150px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background-color: aquamarine;
    border-radius: 10rpx;
    margin: 5% 0;
  }
  .btn:active {
    opacity: .7;
  }
</style>


<template>
  <view class="container">
    <!-- 点击事件 -->
    <view @tap="click" class='btn'>111{{num}}</view>
    <!-- 点击传值事件 -->
    <view @tap="clickValue({{num}})" class='btn'>666</view>


    <!-- 循环组件:repeat -->
    <repeat for="{{3}}" key="index" index="index" item="item">
        <view>我要循环{{index}}次!!!</view>
        {{index}}
        {{item}}
    </repeat>

  </view>
</template>

<script>
  /**
       @tap="click" = bindtap 
       @tap.stop = catchtap
       @tap.capture = capture-bind:tap 
       @tap.capture.stop = capture-catch:tap
       @tap="click({{index}}) = bindtap="click" data-index={{index}}"
     */
  import wepy from 'wepy';
  export default class Index extends wepy.page {

    data = {
      num: '我是数字'
    };

    methods = {
      click() {
        console.log('点击我了啊!');
      },
      clickValue(e) {
        console.log('我拿data-到值了:', e);
      }
    };

    onLoad() {
      console.log('加载事件!');
    }
    
  }
</script>