La délégation d'événement Uniapp a échoué et n'a pas pu obtenir l'ensemble de données

question:

v-pour plusieurs étendues, lier les événements de clic

Code : La vue contient un span,

<view class="status-list" @tap="search">
        <span class="status-item" v-for="(key,index) in statusList" :key="index" :data-key="key">{
   
   { key.status }}
        </span>
      </view>

...
 search(e) {
      console.log(">>选择了e", e, e.currentTarget.dataset, e.target.dataset)
      return}

Les ensembles de données imprimés sont tous vides, même si span est ajouté avec pointer-event: none.

résoudre:

Cela peut être dû au framework uniapp que l'effet span natif utilisant h5 ne fonctionne pas.

Référez-vous à la documentation officielle : site officiel d'uni-app

Remplacez l'étendue par le texte de l'étiquette d'uniapp, puis obtenez l'événement click pour enfin faire ressortir l'ensemble de données. 

 <view class="status-list" @tap="search">
        <text class="status-item" v-for="(key,index) in statusList" :key="index" :data-key="key" :index="index"
              data-index="index">{
   
   { key.status }}
        </text>
      </view>

Cliquez sur l'effet pour sortir