微信小程序 wxml文件中嵌套循环

微信小程序 wxml文件中嵌套循环,第1张

1、服务器获取到的数组嵌套 对象组成的数组,控制台输出:

2、解析并绑定服务器获取到的数据,.js文件:

3、绑定一层的shopList数据, .wxml文件:

4、绑定shopList数组中的二层equips数据,.wxml文件 中 只需要item.equips即可

最开始循环获取到数据后,总以为需要嵌套循环出二层数组对象,并分别绑定数据。兜兜转转绕了一大圈,发现只要将一级数组循环获取到,二层数组对象直接“item.xxx”就可以在wxml文件中直接进行数据绑定了。 

在微信小程序中,可以使用 webview 嵌套 web 页面,有些时候在 web 页面填写了表单没有提交,当用户点击左上角小程序的返回时,希望可以d框提示用户还有未保存内容,是否确定返回,根据用户选择之后在确定是否返回。

由于返回图标是微信小程序自带的,因此我们无法通过 web 页面的路由离开钩子(如:vue中beforeRouterLeave钩子函数)来控制页面是否关闭,因此想要在离开页面时在 web 页面进行逻辑控制是有难度的。

使用浏览器的 popstate 事件来禁止页面跳转。

<view  bindtap="..." />//父组件

<button  catchtap="..." />//子组件

使用vant也是一样

<van-icon  catchtap="..." />//不能使用vant的bind:click


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/7849654.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-10
下一篇2023-04-10

发表评论

登录后才能评论

评论列表(0条)

    保存