小程序中for循环列表后点击不同列表跳转不同页面

奥利给，加油加油，加油

最近没那么多事了，但是学习绝对不能拉下，加油代码： wxml：

<view class="lingshi">零食天地</view>
<view class="lingshi-all" ><view class="lingshi-kuang" wx:for="{{lingshi}}" bindtap='changBtn'  data-id="{{item.id}}"><image src="{{item.src}}"></image><span>{{item.name}}</span><view class="lingshi-3kuai"><p>{{item.jiage}}</p><p>{{item.jiage1}}</p><p>{{item.xiadan}}</p></view></view>
</view>

js：

 lingshi:[{id:'01',src:'/image/燕麦.jpg',name:"燕麦半斤",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},{id:'02',src:'/image/果冻.jpg',name:"果冻",jiage:"￥3.6",jiage1:"￥5.0",xiadan:"下单"},{id:'03',src:'/image/江米条.jpg',name:"江米条",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},{id:'04',src:'/image/迷你卷.jpg',name:"迷你卷",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},{id:'05',src:'/image/豆干.jpg',name:"豆干",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},{id:'06',src:'/image/麻花.jpg',name:"麻花",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},{id:'07',src:'/image/鸡腿.jpg',name:"鸡腿",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},{id:'08',src:'/image/香肠.jpg',name:"香肠",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},]

changBtn:function(e){var $id = e.currentTarget.dataset.id;console.log($id)if ("01"== $id){wx.navigateTo({url: '/pages/lingshi/lingshi',})}if ("02" == $id) {wx.navigateTo({url: '/pages/lingshi/lingshi',})}},

小程序中for循环列表后点击不同列表跳转不同页面相关推荐

小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求
文章目录一.WXML 模板语法数据绑定事件绑定 ⭐小程序中常用的事件 ⭐事件对象的属性列表 target 和 currentTarget 的区别 bindtap 的语法格式在事件处理函数中为 ...
小程序中WxParse循环解析返回的富文本数据
WxParse循环解析一.遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...
wxparse的使用php返回数组输出,微信小程序中WxParse循环解析返回的富文本数据
WxParse循环解析一.遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...
ios手机苹果手机在小程序里面长按图片后点击事件失效问题
问题:ios手机苹果手机在小程序里面长按图片后,图片悬浮,然后点击事件都失效的问题. 解决办法:在img图片标签里加 css属性 -webkit-touch-callout: none; .如果是 ...
微信小程序中实现循环调用一个方法
要想循环调用一个方法肯定是要判断某个值,当这个值为假时调用这个方法,为真就不调用 query:function(){if(!!wx.getStorageSync('userInfo')){let _t ...
微信小程序，用户拒绝授权后重新授权；uni-app小程序，用户拒绝授权后点击无效；重新进入后拉起位置授权框；
问题:当用户第一次进入小程序,点击授权按钮后,点了拒绝,再次点击不会出现授权页面,只有再次进入小程序的时候,才会出发请求授权 . 案例: 假如我们获取微信位置,第一次点击的时候弹起授权,用户点击的拒绝 ...
讨论一下微信小程序中如何长按识别图片中二维码跳转
[一].image标签展示二维码目前微信官方支持小程序原生页面在微信版本IOS≥8.0.6,安卓≥8.0.3时直接长按识别二维码, <image src="二维码图片地址" ...
H5静态页面跳转微信小程序；从外部浏览器，点击H5链接跳转打开微信小程序；以及在微信内直接点击H5链接打开微信小程序；
参考链接需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...
微信小程序判断是否授权登录（未登录出现弹窗跳转登录页面）
目录 API 代码实现 API 获取用户当前设置 wx.getSetting:微信官方文档获取用户信息 wx.getUserInfo:微信官方文档微信小程序弹窗 wx.showToast:微信官方 ...

小程序中for循环列表后点击不同列表跳转不同页面

小程序中for循环列表后点击不同列表跳转不同页面相关推荐

最新文章

热门文章