本文共 945 字,大约阅读时间需要 3 分钟。
template在微信小程序中大大提高了代码的复用性。
对于普通的一层template在使用的时候,我们可以简单的通过以下方式进行赋值:
1、wxml中定义
{ {no}} { {noTip}}
2、wxml中使用
注意前面要有'...'不能丢,否则将不会显示
3、在js文件中去设置该数据源的值。
data{ favourite: { no: "0", noTip: "我的收藏" }}
这种方式在用的时候,自己纠结了好长时间,没有找到合适的文章给自己提供思路。还好,自己瞎试出来。
1、wxml中定义
![]()
{ {mine}}
2、wxml中使用
3、在js文件中去设置该数据源的值
data{ minerow11: { imagePath: "../../../resource/mine.png", mine: "我的账户", imagePath1: "../../../resource/mine.png", mine1: "我的优惠券", imagePath2: "../../../resource/mine.png", mine2: "收货地址", imagePath3: "../../../resource/mine.png", mine3: "在线客服" }}对比1和3中可以发现,其实关键在于可以通过
data="{ {imagePath:imagePath2,mine:mine2}}"
这种方式给不同的template进行赋值。
最后效果图如下:
如果有其他方式,大家可以一起讨论下