微信小程序template嵌套template,传递数据

在微信小程序中,使用template模板嵌套传递数据的方法 : <template data="{{ }}"> </template>

注: 在你写template模板嵌套的时候,最好 从里层向外层 一层层的写,但是绑定数据的时候(也就是传递数据),从最外层往里层 一层层绑定数据;


简单粗暴,一看例子就明白了!!!

例子

最外层的template:

  <view class="movies-template">
    <!-- 数据绑定,这里的movies是获取到一个数组,写模板从里层向外写,绑定数据,从外向里 -->
    <template is="movieListTemplate" data="{{movies}}" />
  </view>

向里一层:

   	  <view class='movies-container'>
   	  		<!-- movies是不能随便取名的,这个是数据数组的名字,后边这个movie表示遍历数组中的每一项,随便取名的,但是必须跟下边绑定的名字一致 -->
        <block wx:for="{{movies}}" wx:for-item="movie" wx:key="">
          <!-- ... 表示把每一项movie数据展开,直接写对象的属性,就可以拿到值,熟悉ES6的都会懂 -->
          <template is="movieTemplate" data="{{...movie}}" />
        </block>
      </view>

最里层:

 <view class='movie-container'>
 	<!-- 这里直接写数据中每个对象的属性,就可以拿到值了 -->
    <image class='movie-img' src='{{coverageUrl}}'></image>
    <text class='movie-title'>{{title}}</text>
  </view>

注: ... 不懂得,可以看一下ES6!


传多个参数

 <template is="starsTemplate" data="{{stars:stars,score:average}}" />
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值