<view class="placeholder" bindlongpress="delect" > <view wx:for='{{pageList}}' wx:key="_id" class="event-list"> <navigator url="../home/imgshow?id={{item._id}}" class="event-link" data-aid="item._id"> <view class="event-img" > <image mode="widthFix" src="{{item.fileID}}"> </image> </view> <view class="event-content" > <view class="event-title" >"{{item.name}}"</view> <view class="event-desc">"{{item.discribe}}"</view> <view class="event-box"> <view class="event-time">"{{item.time}}"</view> </view> </view> </navigator> </view> </view> 在以上微信小程序wxml代码中为什么无法获取到item.id

在上述代码中，使用了`wx:key="_id"`来指定列表中的每个元素都有一个唯一的`_id`属性。然而，在`navigator`组件中使用了`data-aid="item._id"`来将`item._id`作为自定义数据传递给下一个页面，这是不正确的。正确的语法应该是`data-aid="{{item._id}}"`。这样可以将`item._id`正确地传递到下一个页面，从而可以获取到`id`属性。

相关问题

<view class="placeholder" bindlongpress="delect"> <view wx:for='{{pageList}}' wx:key="_id" class="event-list"> <navigator url="../home/imgshow?id={{item._id}}" class="event-link" > <view class="event-img" > <image mode="widthFix" src="{{item.fileID}}"> </image> </view> <view class="event-content" data-aid="{{item._id}}"> <view class="event-title" >"{{item.name}}"</view> <view class="event-desc">"{{item.discribe}}"</view> <view class="event-box"> <view class="event-time">"{{item.time}}"</view> </view> </view> </navigator> </view> </view> 在以上微信小程序wxml代码中为什么delect方法中event.currentTarget.dataset.aid显示undefined

在这段代码中，`bindlongpress="delect"`是给`view`标签绑定了一个长按事件，而在该标签内部的子组件`navigator`标签则通过`data-aid`属性绑定了一个自定义数据。长按事件触发时会自动传入一个`event`对象，其中包含了触发事件的相关信息，如当前组件的一些数据，可以通过`event.currentTarget.dataset`来获取。而在`delect`方法中，`event.currentTarget`指的是当前触发事件的组件，而不是绑定了`data-aid`属性的`navigator`标签，因此无法获取到该属性的值。要想获取`data-aid`的值，可以将`delect`方法绑定到`navigator`标签上，或者使用`event.target.dataset`来获取。例如：

<view class="placeholder">
  <view wx:for='{{pageList}}' wx:key="_id" class="event-list">
    <navigator url="../home/imgshow?id={{item._id}}" class="event-link" data-aid="{{item._id}}" bindlongpress="delect">
      <view class="event-img">
        <image mode="widthFix" src="{{item.fileID}}"></image>
      </view>
      <view class="event-content">
        <view class="event-title">"{{item.name}}"</view>
        <view class="event-desc">"{{item.discribe}}"</view>
        <view class="event-box">
          <view class="event-time">"{{item.time}}"</view>
        </view>
      </view>
    </navigator>
  </view>
</view>

// JS代码
Page({
  delect: function(event) {
    console.log(event.target.dataset.aid);
  }
})

view.item-out-view view.search-view view.search-item image(src='./icon_search.png') input( v-model="inputValue" @input='onInputListen' :placeholder='placeholder' :placeholder-class='placeholderClass') view.search-content( v-if="historyDatas&&historyDatas.length>0&&inputValue.length<=0") view.title-view text 搜索历史 image(src='./icon_delete.png' @tap.stop='onDelete(ALL)') view.item-view(v-for="(item,index) in historyDatas" :key="index" @tap.stop='onItemClick(item,index)') text {{item.key}} image(src='./icon_close.png' @tap.stop='onDelete(index)') view.search-content(v-if="keyworkDatas&&keyworkDatas.length>0") view.item-view(v-for="(item,index) in keyworkDatas" :key="index" @tap.stop='onItemClick(item,index)') text(v-for="textContent in item.keyword" :key="item.id" :class="textContent===inputValue?'__vital':''") {{textContent}} image.next-ico(src='./mine_icon_next.png')转换成html代码

以下是将 Pug 代码转换成 HTML 代码的结果：

<div class="item-out-view"></div>
<div class="search-view"></div>
<div class="search-item">
  <image src="./icon_search.png"></image>
  <input v-model="inputValue" @input='onInputListen' :placeholder='placeholder' :placeholder-class='placeholderClass'></input>
  <div class="search-content" v-if="historyDatas&&historyDatas.length>0&&inputValue.length<=0">
    <div class="title-view">
      <text>搜索历史</text>
      <image src="./icon_delete.png" @tap.stop='onDelete(ALL)'></image>
    </div>
    <div class="item-view" v-for="(item,index) in historyDatas" :key="index" @tap.stop='onItemClick(item,index)'>
      <text>{{item.key}}</text>
      <image src='./icon_close.png' @tap.stop='onDelete(index)'></image>
    </div>
  </div>
  <div class="search-content" v-if="keyworkDatas&&keyworkDatas.length>0">
    <div class="item-view" v-for="(item,index) in keyworkDatas" :key="index" @tap.stop='onItemClick(item,index)'>
      <text v-for="textContent in item.keyword" :key="item.id" :class="textContent===inputValue?'__vital':''">{{textContent}}</text>
      <image class="next-ico" src='./mine_icon_next.png'></image>
    </div>
  </div>
</div>