<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

时间: 2023-07-02 15:03:44 浏览: 13
可能是因为在使用`bindlongpress="delect"`时,没有将`item._id`作为参数传递给`delect`方法,导致无法获取到`item._id`。 你可以尝试在`bindlongpress`中传递`item._id`参数,如下所示: ``` <view class="placeholder" bindlongpress="delect(item._id)"> ``` 然后在`delect`方法中接收该参数,如下所示: ``` delect: function(event) { var id = event.currentTarget.dataset.aid; // 获取当前点击的item的_id // ... } ``` 这样就可以获取到`item._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" 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代码中为什么delect方法中event.currentTarget.dataset.aid显示undefined

在上述代码中,`delect`方法是在`view`标签上绑定的长按事件,但是`event.currentTarget.dataset.aid`是从`navigator`标签上获取的属性。因此,当长按`view`标签时,它无法正确获取`navigator`标签上的属性值,导致`undefined`的出现。 要解决这个问题,你可以将`data-aid`属性从`navigator`标签移动到`view`标签上,这样就可以在`delect`方法中正确获取到`data-aid`的值了。例如: ```html <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> ``` 然后在`delect`方法中使用`event.target.dataset.aid`来获取`data-aid`属性的值即可。例如: ```javascript Page({ delect: function(event) { var id = event.target.dataset.aid; console.log(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 class="top-box"> <view>Hi</view> <view class="next-text">欢迎使用!</view> </view> <view class="center-box"> <view class="nav"> <view class="left {{current==1?'select':''}}" bindtap="click" data-code="1"> <text>登录</text> </view> <view class="right {{current==0?'select':''}}" bindtap="click" > <text>注册</text> </view> </view> <view class="input-box" hidden="{{current==0}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号/登录名"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入登录密码"/> </view> <view class="forget"> <text>忘记密码?</text> </view> </view> <view class="input-box" hidden="{{current==1}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号"/> </view> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入6位验证码"/> <text class="input-code" bindtap="getCode">{{codeText}}</text> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入密码"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请确认密码"/> </view> </view> <view class="sumbit-btn"> <button class="button" style="background-color: #33ccff;font-size: 30rpx;" type="primary">立即{{current==1?'登录':'注册'}}</button> </view> </view> <view class="shadow shadow-1"></view><view class="shadow shadow-2"></view> 这段代码怎么实现注册页面和登陆页面的切换,如果不能,给出解决代码

这段代码是一个小程序的页面布局代码,其中使用了一个变量 current 来控制显示登录还是注册页面。具体的实现逻辑是,当 current 为 0 时显示注册页面,为 1 时显示登录页面。同时,通过绑定 click 事件来切换页面。 以下是完整的代码实现: <view class="top-box"> <view>Hi</view> <view class="next-text">欢迎使用!</view> </view> <view class="center-box"> <view class="nav"> <view class="left {{current==1?'select':''}}" bindtap="click" data-code="1"> <text>登录</text> </view> <view class="right {{current==0?'select':''}}" bindtap="click" data-code="0"> <text>注册</text> </view> </view> <view class="input-box" hidden="{{current==0}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号/登录名"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入登录密码"/> </view> <view class="forget"> <text>忘记密码?</text> </view> </view> <view class="input-box" hidden="{{current==1}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号"/> </view> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <<input class="input" auto-focus placeholder="请输入6位验证码"/> <text class="input-code" bindtap="getCode">{{codeText}}</text> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入密码"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <<input class="input" auto-focus placeholder="请确认密码"/> </view> </view> <view class="sumbit-btn"> <button class="button" style="background-color: #33ccff;font-size: 30rpx;" type="primary">立即{{current==1?'登录':'注册'}}</button> </view> </view> <view class="shadow shadow-1"></view> <view class="shadow shadow-2"></view> <script> Page({ data: { current: 0, // 当前显示的页面,0为注册,1为登录 codeText: '获取验证码', }, click: function(e) { this.setData({ current: e.target.dataset.code }) }, getCode: function() { // 获取验证码的逻辑 } }) </script>

<view class="top-box"> <view>Hi</view> <view class="next-text">欢迎使用!</view> </view> <view class="center-box"> <view class="nav"> <view class="left {{current==1?'select':''}}" bindtap="click" data-code="1"> <text>登录</text> </view> <view class="right {{current==0?'select':''}}" bindtap="click" data-code="0"> <text>注册</text> </view> </view> <view class="input-box" hidden="{{current==0}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号/登录名"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入登录密码"/> </view> <view class="forget"> <text>忘记密码?</text> </view> </view> <view class="input-box" hidden="{{current==1}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号"/> </view> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入6位验证码"/> <text class="input-code" bindtap="getCode">{{codeText}}</text> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入密码"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请确认密码"/> </view> </view> <view class="sumbit-btn"> <button class="button" style="background-color: #33ccff;font-size: 30rpx;" type="primary">立即{{current==1?'登录':'注册'}}</button> </view> </view> <view class="shadow shadow-1"></view><view class="shadow shadow-2"></view> 这段代码怎么跳转到注册页面,请给出具体的方案和代码

<scroll-view class="container" scroll-y> <view class="search-wrapper" catchtap="toSearch"> <input class="search" placeholder="输入歌手名、歌曲名搜索" placeholder-style="color: #ffcd32;" disabled placeholder-class="placeholder"/> </view> <view class="slider-wrapper"> <my-slider parent="{{is_modal_Msg}}" slider="{{slider}}"></my-slider> </view> <view class="hot-list"> <view class="list-title">热门榜单推荐</view> <view class="rank" ref="rank"> <view :data="topList" class="toplist" ref="toplist"> <view> <view bindtap="_selectItemRank" data-data="{{item}}" class="item" wx:for="{{topList}}"> <view class="icon"> <image lazy-load width="100" height="100" src="{{item.picUrl}}"/> </view> <view class="songlist"> <view class="song" wx:for="{{item.songList}}"> <text>{{index + 1}}.</text> <text>{{item.songname}}-{{item.singername}}</text> </view> </view> </view> </view> <view class="loading-container" wx:if="{{!topList}}"> <loading></loading> </view> </view> </view> </view> <view class="recommend-list"> <text class="list-title">热门歌单推荐</text> <view> <view wx:for="{{songList}}" class="item" wx:key="{{item.id}}" bindtap="toSingerPage" data-image="{{item.picUrl}}" data-id="{{item.id}}" data-title="{{item.songListDesc}}"> <view class="icon"> <image lazy-load src="{{item.picUrl}}" class="image"/> </view> <view class="text"> <view style="margin-bottom: 20rpx"> <text class="name" v-html="item.creator.name">{{item.songListAuthor}}</text> </view> <view> <text class="desc" v-html="item.dissname">{{item.songListDesc}}</text> </view> </view> </view> </view> </view> </scroll-view>请根据view视图对该代码进行分段解释

最新推荐

大数据技术系列课程 推荐系统及应用教程 第5章 基于隐反馈的协同过滤推荐模型 共40页.pptx

【课程大纲】 第1章 推荐系统概述 共28页 第2章 推荐系统中的CTR过程 共57页 第3章 推荐系统基础算法 共23页 第4章 基于物品相似度的个性化推荐算法 共109页 第5章 基于隐反馈的协同过滤推荐模型 共40页 第6章 推荐系统综合案例 共17页 第7章 推荐系统前沿研究介绍 共42页

应收账款账龄分析表.xlsx

应收账款账龄分析表.xlsx

lanms_neo-1.0.2-cp38-cp38-win_amd64.whl

文件格式:whl 安装步骤:切换到whl路径执行pip install [whl文件名]注意whl对应python版本

c#版OA管理系统源码 OA系统源码

c#版OA管理系统源码 OA系统源码 功能介绍: 一.独家功能,特色优势 1、协同办公基于WEB的企业计算 2、面向集团应用,支持任意多级部门 3、灵活实用的功能模块,优秀的用户体验 4、大量实际经验的融合 二.最新技术,健壮的程序内核 1、采用.NET 平台和SqlServer数据库引擎 2、脚本注入,文件上传等攻击方式的相应保护 3、良好的用户权限、验证等设计安全性体系 4、全面支持IE9、Chrome、FireFox 三.高端程序,低端价格 1、功能强大、安全可靠、独具个性 2、性价比最高的网络协同办公系统 3、低成本、高效率的网络协同办公系统 4、更快、更安全、更稳定、更易用 四.实用性强,思路清晰 1、结合个性化、人性化的理念 2、融入重注服务和用户体验的理念 3、充分体现协同办公平台的特点与需求 4、管理起来方便,操作起来简单

按品牌统计分析销售收入.xlsx

按品牌统计分析销售收入.xlsx

MATLAB遗传算法工具箱在函数优化中的应用.pptx

MATLAB遗传算法工具箱在函数优化中的应用.pptx

网格QCD优化和分布式内存的多主题表示

网格QCD优化和分布式内存的多主题表示引用此版本:迈克尔·克鲁斯。网格QCD优化和分布式内存的多主题表示。计算机与社会[cs.CY]南巴黎大学-巴黎第十一大学,2014年。英语。NNT:2014PA112198。电话:01078440HAL ID:电话:01078440https://hal.inria.fr/tel-01078440提交日期:2014年HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaireU大学巴黎-南部ECOLE DOCTORALE d'INFORMATIQUEDEPARIS- SUDINRIASAACALLE-DE-FRANCE/L ABORATOIrEDERECHERCH EEE NINFORMATIqueD.坐骨神经痛:我的格式是T是博士学位2014年9月26日由迈克尔·克鲁斯网格QCD优化和分布式内存的论文主任:克里斯汀·艾森贝斯研究主任(INRIA,LRI,巴黎第十一大学)评审团组成:报告员:M. 菲利普�

gru预测模型python

以下是一个使用GRU模型进行时间序列预测的Python代码示例: ```python import torch import torch.nn as nn import numpy as np import pandas as pd import matplotlib.pyplot as plt # 加载数据 data = pd.read_csv('data.csv', header=None) data = data.values.astype('float32') # 划分训练集和测试集 train_size = int(len(data) * 0.7) train_data = d

vmware12安装配置虚拟机

如何配置vmware12的“首选项”,"虚拟网络编辑器","端口映射”,"让虚拟机连接到外网”

松散事务级模型的并行标准兼容SystemC仿真

松散事务级模型的并行标准兼容SystemC仿真