循环列表的传参data-xx=““

在写小程序的个人中心页面时,用wx:for渲染列表,要实现点击对应条目跳转到对应的页面。
刚开始时,使用的方法如下:
页面wxml部分代码:
页面wxml部分代码
js部分代码:页面wxjs代码
页面wxjs代码
虽然也能实现点击跳转到对应页面效果,但是我朋友说我这个程序写错了,我绑定的是一个变量,而不是一个函数名;然后他给我了一个新办法,参考https://blog.csdn.net/qq_43624878/article/details/102574131用data-xx实现;
使用data-xx时,xx是自己定义的变量,data的值将存在event.target.dataset中,data-xx接收需要传的参数,data-xx的值可以通过打印 e.target.dataset.xx来查看。

具体实现的网页部分代码:
wxml部分代码
具体实现的js部分代码:
js部分代码js部分代码
小tips:
使用下列代码,查看event.target.dataset属性和方法:
查看event.target.dataset属性和方法

猜你喜欢

转载自blog.csdn.net/duruo0/article/details/114320461