uniapp點擊當前元素如何判斷元素信息

方法一：（用定義id的方式）

// html部分
<view class="store-dialog" @click="clickStoreDialogMark" id="storeDialog">
   <view class="store-info" id="storeInfo">
       商城信息
   </view>
</view>

//javascript部分
clickStoreDialogMark(e) {
console.log(document.getElementById(e.target.id))
  if (e.target.id === 'storeDialog') { // 點擊的是外面的大盒子
    console.log(e.target)
  } else if (e.target.id === 'storeInfo') { // 點擊的是商城信息的區域
    console.log(e.target)
  }
}


方法二：(用data屬性的方式)

// html部分
<view class="store-dialog" @click="clickStoreDialogMark" data-class="store-dialog">
   <view class="store-info" data-class="store-info">
       商城信息
   </view>
</view>

//javascript部分
clickStoreDialogMark(e) {
console.log(document.getElementsByClassName(e.target.dataset.class)[0])
  if (e.target.dataset.class === 'store-dialog') { // 點擊的是外面的大盒子
    console.log(e.target)
  } else if (e.target.dataset.class === 'store-info') { // 點擊的是商城信息的區域
    console.log(e.target)
  }
}

注意：根據業務邏輯修改