微信小程序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以外的文字也显示不出来
相关推荐
@PHARAOH16 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_118 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙21 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_7978820921 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘1 天前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理1 天前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
zoahxmy09292 天前
微信小程序 request 流式数据处理
微信小程序
人人题2 天前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛2 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_440470502 天前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云