1. 程式人生 > 其它 >uni-app,vue迴圈不同點擊事件

uni-app,vue迴圈不同點擊事件

技術標籤:前端知識uni-appvue前端javascripthtml5

<view class="btnBox">
    <view v-for="(item, index) in pageObj.btnList" :key="index">
      <view class="page__bd">
        <view class="page__bd page__bd_spacing title__bd walltBtnBox">
					<image :src="walletImg[index]" class="walletImg"></image>
          <button class="weui-btn walltBtn" @tap="tapClick(item.bindtap)">{{item.name}}</button>
					<view class="rightArrow arrowPosition"></view>
        </view>
      </view>
    </view>
  </view>
    //data    
    btnList:[
        {
             bindtap:'one'
        },
        {
             bindtap:'two'
        }
    ]

	//methods
    
    tapClick(tap){   //迴圈使用不同點擊事件
			this[tap]()
	},

    one(){
        console.log("one")
    },
    two(){
        console.log("two")
    }