博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序template的多层嵌套赋值
阅读量:506 次
发布时间:2019-03-07

本文共 945 字,大约阅读时间需要 3 分钟。

简介

template在微信小程序中大大提高了代码的复用性。

一层template

对于普通的一层template在使用的时候,我们可以简单的通过以下方式进行赋值:

1、wxml中定义

2、wxml中使用

注意前面要有'...'不能丢,否则将不会显示

3、在js文件中去设置该数据源的值。

data{    favourite: {      no: "0",      noTip: "我的收藏"    }}
多层的template赋值

这种方式在用的时候,自己纠结了好长时间,没有找到合适的文章给自己提供思路。还好,自己瞎试出来。

1、wxml中定义

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进行赋值。

最后效果图如下:

如果有其他方式,大家可以一起讨论下

你可能感兴趣的文章