微信小程序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以外的文字也显示不出来
相关推荐
大米饭消灭者2 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround3 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround3 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌3 天前
小程序——布局示例
小程序
码云数智-大飞3 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54593 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟3 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
攀登的牵牛花3 天前
给女朋友写了个轻断食小程序:去老丈人家也是先动筷了
前端·微信小程序
前端小雪的博客.3 天前
【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序(附实战案例)
微信小程序·uni-app·ai编程·uniai
小小王app小程序开发3 天前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序