微信小程序template模板引入的问题小结

 更新时间:2024年07月08日 10:54:35   作者:rua ~ 咪  
这篇文章主要介绍了微信小程序template模板引入的问题小结,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧

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

在two.wxml中:

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

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

<view>
我是two页面
<template is="{{str}}" data=""/>
<include src="temp.wxml"></include>
</view>
<import src="temp.wxml"></import>

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

data: {
		str:'a',
	},

在temp.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以外的文字也显示不出来

到此这篇关于微信小程序template模板引入的文章就介绍到这了,更多相关微信小程序template模板内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Webpack实战加载SVG的方法

    Webpack实战加载SVG的方法

    本篇文章主要介绍了Webpack实战加载SVG的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • 通过遮罩层实现浮层DIV登录的js代码

    通过遮罩层实现浮层DIV登录的js代码

    遮罩层实现浮层DIV登录的效果,想必很多的朋友都有遇到过吧,实现起来也是很简单的,下面有个不错的实现,大家可以感受下
    2014-02-02
  • 浅谈微信JS-SDK 微信分享接口开发(介绍版)

    浅谈微信JS-SDK 微信分享接口开发(介绍版)

    这篇文章主要介绍了浅谈微信JS-SDK 微信分享接口开发(介绍版),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • js 实现 input type="file" 文件上传示例代码

    js 实现 input type="file" 文件上传示例代码

    在开发中,文件上传必不可少但是它长得又丑、浏览的字样不能换,一般会让其隐藏点其他的标签(图片等)来时实现选择文件上传功能
    2013-08-08
  • JavaScript实现元素吸顶的方法详解

    JavaScript实现元素吸顶的方法详解

    页面内的tab导航需要在滚动到视口顶部的时候进行吸顶,这个功能算是比较常见,也比较容易实现,下面就跟随小编一起学习一下JavaScript是如何实现元素吸顶效果的吧
    2023-10-10
  • TypeScript高级用法的知识点汇总

    TypeScript高级用法的知识点汇总

    这篇文章主要给大家介绍了关于TypeScript高级用法的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用TypeScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • JavaScript中的作用域与闭包、原型与原型链、异步与单线程

    JavaScript中的作用域与闭包、原型与原型链、异步与单线程

    JavaScript的三座大山指的是:作用域和闭包、原型和原型链、异步与单线程,这些概念在日常的开发工作中经常被提及,并对我们理解和编写高质量的JavaScript代码至关重要
    2024-02-02
  • 微信小程序实现手写板

    微信小程序实现手写板

    这篇文章主要为大家详细介绍了微信小程序实现手写板,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 原生JS实现实时钟表

    原生JS实现实时钟表

    这篇文章主要为大家详细介绍了原生JS实现实时钟表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 函数式JavaScript编程指南

    函数式JavaScript编程指南

    函数式JavaScript编程指南...
    2007-02-02

最新评论