微信小程序template模板动态传数据,

模板传参,数据不显示,怎么搞,

言简意赅,怎么简单怎么来

新建template目录,新建template.wxml    ,这是我们的模板存放

<template name='title'>
  <view class='like_txt'>
    <image class='like_img' src='../image/xin.png' />
    <view class='like_txt_title'>{{titleTxt}}</view>
    <view class='like_txt_title2'>{{titleSmail}}</view>
  </view>
</template>

然后在需要导入的页面,index.wxml里导入

<import src='../template/template.wxml' />

<!-- 热门推荐 -->
<view class='Recommend'>
    <view class=''>
    <template is='title' data='{{...ico}}' />
  </view>
</view>


<!-- 猜你喜欢 -->
<view class='Recommend'>
    <view class=''>
    <template is='title' data='{{...item}}' />
  </view>
</view>

这儿传参的话,data里的参数必须加  ...   ,然后在JS里以字典方式传入

Page({

  data: {
    item:{
      titleTxt:'热门推荐',
      titleSmail:'好看不'
    },
    ico:{
      titleTxt:'猜你喜欢',
      titleSmail: '更多。。。'
    }
  }
)}

好了,这个解决了,笔记记录一下。。。。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值