• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序 template 的使用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

第一次做小程序用到了<template></template>模板的使用,感觉挺新奇的,我自己认为大概的就是组件这一类但是它可以判断何时使用什么样的模板通过判断来进行展示

写一点代码吧

 

//展示页js
var
app = getApp() page({ eg:{ data:[1,2,3,4,5,6,7,8,9] //模板页用来展示的数据 } })

上面的代码就是用来在展示页的数据

<!--展示页wxml-->
<import src="../template/template.wxml"/>  //引入模板的wxml文件

<view class="container">
     <template is="{{eg.data.length> 0 ? \'data\' : \'noData\'}}" data="{{...eg}}"></template>   //此时进行判断该用哪个模板-->判断template 的name属性,eg是指要传入模板的数据
</view>
<!--模板页-->

<template name="noData"> //模板有name属性 <view>
           没有数据哦!
    </view>
</template>

<template name="data">      //模板有name属性
<view wx:for=\'{{data}}\' wx:key=\'{{key}}\'> 
<view>{{item}}</view>
</view>
</template> //此时循环的data是eg{data:[...]}

(展示效果)

此时可以看到效果 1,2,3,4,5,6,7,8,9

<template is=\'\'  "    data=" "></template>   此时的is用来进行判断  data是要传入模板中的数据...eg   ...(spread运算符) 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap