微信小程序template模板引入的問題小結(jié)

更新時(shí)間：2024年07月08日 10:54:35 作者：rua ~ 咪

這篇文章主要介紹了微信小程序template模板引入的問題小結(jié),本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

如圖：temp.wxml是template引入的模板

在two.wxml中：

import：是引入temp的頁面讓template中的內(nèi)容顯示出來在two頁面中；

include:是顯示temp頁面內(nèi)容不在template包裹，template以外的view標(biāo)簽文字和不在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的頁面內(nèi)容）

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以外的文字也顯示不出來

到此這篇關(guān)于微信小程序template模板引入的文章就介紹到這了,更多相關(guān)微信小程序template模板內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Webpack實(shí)戰(zhàn)加載SVG的方法
本篇文章主要介紹了Webpack實(shí)戰(zhàn)加載SVG的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-12-12
通過遮罩層實(shí)現(xiàn)浮層DIV登錄的js代碼
遮罩層實(shí)現(xiàn)浮層DIV登錄的效果，想必很多的朋友都有遇到過吧，實(shí)現(xiàn)起來也是很簡單的，下面有個(gè)不錯(cuò)的實(shí)現(xiàn)，大家可以感受下
2014-02-02
淺談微信JS-SDK 微信分享接口開發(fā)（介紹版）
這篇文章主要介紹了淺談微信JS-SDK 微信分享接口開發(fā)（介紹版），小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-08-08
js 實(shí)現(xiàn) input type="file" 文件上傳示例代碼
在開發(fā)中，文件上傳必不可少但是它長得又丑、瀏覽的字樣不能換，一般會(huì)讓其隱藏點(diǎn)其他的標(biāo)簽（圖片等）來時(shí)實(shí)現(xiàn)選擇文件上傳功能
2013-08-08
頁面內(nèi)的tab導(dǎo)航需要在滾動(dòng)到視口頂部的時(shí)候進(jìn)行吸頂,這個(gè)功能算是比較常見,也比較容易實(shí)現(xiàn),下面就跟隨小編一起學(xué)習(xí)一下JavaScript是如何實(shí)現(xiàn)元素吸頂效果的吧
2023-10-10

TypeScript高級用法的知識點(diǎn)匯總

這篇文章主要給大家介紹了關(guān)于TypeScript高級用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用TypeScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

2019-12-12