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

小程序template用法

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

小程序用有时会用到template   模板

那什么是template呢 template是模板   相当于html中的iframe

使用场景:比如 在首页需要显示轮播  分类页面也需要显示轮播   详情页面也需要显示轮播 并且是同一个轮播

这时就可以使用template 了 把轮播的代码提取出来放入模板标签中 在多个页面引用这个模板 

把重复的xwml 提取出来重复使用 减少代码冗余

具体步骤:新建一个tempalte模板 和新建一个普通的页面一样

在wxml中写入模板标签 <template></template>

把重复的代码放入<template></template>中  

注意:这里要定义一个name属性  属性值自定义(什么都可以)

在引入模板的使用需要用 这个name 值 来调用对应的模板

在文件中可以定义多个<template></template>标签  更据name值来引用对应的模板

 

使用 <import></import> 标签引入模板      src 写模板文件的路径

在页面使用 <template ></template>来引入模板

注意 这里有一个is的属性   这里的is属性 要写前面写的name值 我这里写的是 bottom_nav

 

 

 

 

 

有时候我们需要在模板文件中使用变量  

使用<template></template>的时候 添加data属性 传入在模板中需要使用的变量  多个变量之间用 ,(逗号)分割

 

 


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
小程序template模板的使用和模板多数据传递发布时间:2022-07-18
下一篇:
小程序模板template使用介绍发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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