2023年7月18日发(作者:)
微信⼩程序之模板(template)微信⼩程序----模板(template)模板关于引⽤1.什么是模板WXML提供模板(template),可以在模板中定义代码⽚段,然后在不同的地⽅调⽤。通俗点,我的理解是,和组件类似,你要在多个地⽅⽤到⼀样的view,相同的写法,那么就把它归纳在⼀起,弄⼀个模板,可以在其他页⾯调⽤它,和word⽂档中的样式模板有些类似。2.模板前期准备模板-纯⽂字.png2.1第⼀步,新建模板⽬录(template),与page同级2.2在模板中建⽴页⾯,wxml和wxss,⽤来存放模板和模板样式模板.png2.3在wxml中定义模板(在wxml中可以写⼊多个模板,⽤name区分)使⽤ name 属性,作为模板的名字。然后在内定义代码⽚段.name属性就是这个模板的名字。2.3.1案例展⽰wxml(纯⽂本)这是⼀段纯⽂字,在每⼀个页⾯中我都可能要⽤到,例如在提交的时候,按钮前⾯的承诺⽂字。
注意:data 是要模板渲染的数据,data="{{...item}}" 写法是ES6的写法,item是wx:for当前项,... 是展开运算符,在模板中不需要再{{Name}} ⽽是直接{{courseName}} 。 @import '../../template/'; ({ data: { ButName:"提交业务", bulidlist:[ { Bname:'第⼀节课', Btitle:'今天的天⽓真不错' }, { Bname: '第⼆节课', Btitle: '今天的天⽓真不错' }, { Bname: '第三节课', Btitle: '今天的天⽓真不错' }, { Bname: '第四节课', Btitle: '今天的天⽓真不错' } ] }})效果不懂之处:he 语法2.把【上传图⽚,显⽰图⽚】这部分做成模板,数据绑定有些困惑,还没有搞懂。3.假如在模板中判断,也不是很懂。例如下图:不懂.png
发布者:admin,转转请注明出处:http://www.yc00.com/web/1689629114a272098.html
评论列表(0条)