微信小程序template模板引入

如图:temp.wxml是template引入的模板

在two.wxml中:

import:是引入temp的页面让template中的内容显示出来在two页面中;

include:是显示temp页面内容不在template包裹,template以外的view标签文字和不在view的文字让它显示出来

html 复制代码
<view>
我是two页面

<template is="{{str}}" data=""/>
<include src="temp.wxml"></include>
</view>
<import src="temp.wxml"></import>

在two.js中:(str:a,是我只让它只显示我的template中name为a的页面内容)

javascript 复制代码
data: {
		str:'a',
	},

在temp.html中:

html 复制代码
<view>
不写incloude,view显示不出来
</view>
<template name="a">
<view>
aaaaa
</view>
<view>
aaaaa
</view>
<view>
aaaaa
</view>
</template>
<template name="b">
	<view>
bbbbb
</view>
<view>
	bbbbb
</view>
<view>
	bbbbb
</view>
</template>
不写incloude,view以外的文字也显示不出来
相关推荐
thinkQuadratic1 小时前
微信小程序动态设置高度,添加动画等常用操作
微信小程序·小程序
中科三方2 小时前
APP和小程序需要注册域名吗?(国科云)
小程序·apache
幽络源小助理4 小时前
微信小程序文章管理系统开发实现
java·微信小程序·springboot
10年前端老司机5 小时前
微信小程序模板语法和事件
前端·javascript·微信小程序
上趣工作室6 小时前
微信小程序开发1------微信小程序中的消息提示框总结
微信小程序·小程序
三天不学习8 小时前
微信小程序蓝牙连接打印机打印单据完整Demo【蓝牙小票打印】
微信小程序·小程序·蓝牙打印
韩仔搭建9 小时前
美乐迪电玩大厅加载机制与 RoomList 配置结构分析
游戏·小程序·开源·lua
WKK_11 小时前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
老李不敲代码1 天前
榕壹云预约咨询系统:基于ThinkPHP+MySQL+UniApp打造的灵活预约小程序解决方案
mysql·微信小程序·小程序·uni-app·php
fakaifa1 天前
【最新版】西陆健身系统源码全开源+uniapp前端
前端·小程序·uni-app·开源·php·约课小程序·健身小程序