微信小程序-template模板使用详解

作者: 葱花思鸡蛋 | 来源:发表于2017-11-03 14:53 被阅读0次

1.创建模板文件


2.创建的模板文件只能使用wxml和wxss文件,可以在js文件中模拟逻辑操作,但最后这些逻辑操作是要写在调用模板的文件的JS文件中的。因为调用模板的时候,模板中的JS文件是不起作用的,模板中的逻辑都要在调用的文件中处理。当然一个模板文件可以创建多个模板,使用标签创建模板<template></template>


注意:每个模板都是使用name属性,给模板命名的,这是模板的唯一标识,不可以重复。模板界面的搭建和普通界面的搭建方法一样,主要注意的是在引用模板的地方。

3.引用模板

在使用模板文件的wxml的头部中引用模板的wxml文件(注意分清谁引用谁啊,错了是你理解能力差,不是我表达不好哦🤣),注意不要忘记在wxss文件中引用模板的wxss文件


在自己想要写的位置中引用模板,此时运行模板应该已经成型,当然前提是模板中没有使用数据变量或者已经传递了数据,下一步要讲。


4.如果模板中有js相关的操作或者引入了变量,这些变量和方法必须写在引入模板的js文件中,使用的变量必须通过 template 的data属性传递

在js中定义要传递的变量


5.最后的最后,附上demo,给你个参照,让你知道为啥我行,你不行。。。哈哈🤓😎   

GitHub地址:https://github.com/conghuasijidan/wx-template-demo.git

有问题欢迎大家留言,虽然我不一定及时的看到并回复你,但不喷白不喷吗?(方言)

相关文章