手机版

微信小程序将多个数据传入模板的数据属性

时间:2021-12-10 来源:互联网 编辑:宝哥软件园 浏览:

一、发现问题

有时候,在使用模板模板的时候,你使用列表渲染,然后你想把索引值和数据一起传递成数据!-test/test-template/test-template . wxml-template name=' stdInfo '视图!-index-text { { index 1 } }/text text { { title } }/text text { { name } }/text/view/template在此使用!-pages/test/test . wxml-import src='。/test-template/test-template . wxml/视图模板为=' stdInfo ' wx : for=' { { stdInfo } } ' data=' { }.stdInfo[index]} } '/template/view//pages/test/test . js page({ data : { stdInfo : [{ name : ' Los Texin ',年龄: 21,性别3360' m ',标题: '老子是魔女' },{name :' afei ',年龄: 21,性别:' m ',标题3: '邪王真眼' '它是ES6的语法,它的功能是“把一个数组变成逗号分隔的参数序列”.[1,2,3])//1 23 console.log (1,2,3,4),5)//1 2 3 4 5 [.文件。queryselectorall ('div')]//[div,div,div]注意:ES2018将此运算符引入到对象中,因此也可以对对象执行此操作。请参考阮一峰老师《ES6入门》关于数组扩展和对象扩展的章节。

重写代码如下!-pages/test/test . wxml-import src='。/test-template/test-template . wxml '/view//请注意,最后两个大括号应该与前面的大括号分开。否则,错误模板是=' stdinfo ' wx : for=' { { stdinfo } } ' data=' { { 0.stdinfo[索引],{index3360 index,name3360 item。name}}'/template/view最终输出结果010-。

版权声明:微信小程序将多个数据传入模板的数据属性是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。