<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

时间: 2023-07-02 16:03:44 浏览: 27
在这段代码中,`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视图对该代码进行分段解释

最新推荐

下载 拷贝.psd

下载 拷贝.psd

投资项目敏感性分析.xlsx

投资项目敏感性分析.xlsx

Scratch 敏捷游戏:弹跳球

角色数量:18,素材数量:181,积木数量:1622,音频数量:25 这个游戏是关于时间和色彩的协调。跟随节拍旋转你的三色三角形以匹配球的颜色,否则比赛就结束了。要控制三角形,请使用方向键或用手指左右滑动。球会在三角形上反弹,你必须匹配颜色才能保持它的反弹。不过要小心!颜色的变化不是随机的。它在两种颜色之间交替,所以要保持警惕。如果你不能匹配颜色,游戏就会结束。 此后仍有作品或有趣游戏、爆笑作品,请关注原作者,且点赞加收藏,记得推荐好友。下载即可游玩,快来下载吧!五星好评可以私信我,免费送资源!快来评论吧!

yate-6.1.0-1

yate-6.1.0-1

奔驰MB.OS战略规划 mbsu-os-2023-presentation-harald-wilhelm.pdf

奔驰MB.OS战略规划 mbsu-os-2023-presentation-harald-wilhelm.pdf

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仿真