template和组件模板的区别:
tempalte是代码片段;
而组件模板是类似于页面的,有自己独立结构和的样式。
1、定义模板:
/*
a、nav1为从上层组件中传递的data值
b、name属性用来区别模板的。详细属性在以下连接中查看。
https://mp.weixin.qq.com/debug/wxadoc/dev/component
c、wx:for为列表渲染方式。wx:for-item是用来定义单个变量的名称。
详情:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html
*/
<template name="nav1">
<view>导航1</view>
<bolck wx:for="{{nav1}}" wx:for-item="item" >
<navigator url="../../pages/page/page"></navigator>
</block>
</template>
2、使用:
/*
a、data值就是向template模板中传递的值。
*/
2.1、将组件引入页面中
<import src="../components/template/temp" />
2.2、根据需要将不同的模板渲染至视图层
方法一:<tempalte is="{{nav_flag === 0 ? 'nav1' : 'nav2'}}" data="{{nav2}}" />
方法二、<template is="nav1" data="{{nav1}}" hidden="{{nav_flag === 1}}" />
温馨提示:扫码可以提问、交流。本人有各个行业的小程序前端代码,如有需要也可以扫码留言哦。