uni-app 事件

定義事件

• 第一步：注冊事件 @click="handleClick"
• 第二步：定義事件監聽函數，需要在"methods"中定義 （即事件回調）
• 第三步：事件的傳參

Demo

<template>
    <view class="content">
        <!-- 1. 為view标簽綁定點選事件-->
        <view @click="handleClick">Click</view>
    </view>
</template>

<script>
    export default {
        // 2. 在methods中定義事件的回調
        methods: {
            handleClick() {
                console.log("Hello World.");
            }
        }
    }
</script>      

事件傳參

<template>
  <view class="content">
    <!-- 1. 為view标簽綁定點選事件-->
    
    <view @click="handleClick(1)">Click1</view>
    <view @click="handleClick(2)">Click2</view>
    
    <!-- $event是固定寫法，事件源，用于傳參自定義參數-->
    <view data-index="11" @click="handleClickSecond(1, $event)">Click DIY</view>
  </view>
</template>

<script>
  export default {
    // 2. 在methods中定義事件的回調
    methods: {
      handleClick(event) {
        console.log(event);
      },
      handleClickSecond(a,event) {
        console.log(a);
                console.log(event);
        console.log(event.currentTarget.dataset.index);
      },
    }
  }
</script>      

第一種：無參調用