如何在微信小程序中使用template模板

發(fā)布時(shí)間：2021-05-11 18:27:04 來(lái)源：億速云閱讀：129 作者：Leah 欄目：web開(kāi)發(fā)

本篇文章為大家展示了如何在微信小程序中使用template模板，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

1. index.wxml代碼

<view class="page">
<template name="aafa">
<view> <text> 姓名：{{name}} 年齡：{{age}}</text>
 </view>
</template>
//這是模板顯示的四種方式，你看你喜歡哪一種
<template is="aafa" data="{{...zhangsan}}"/>
<template is="aafa" data="{{name:'李四',age:30}}"/>
<template is="aafa" data="{{name:x,age:y}}"/>
<template is="aafa" data="{{name,age}}"/>
<view>------------------------</view>
<template name="msgItem">
 <view>
  <text> {{index}}: {{msg}} </text>
  <text> Time: {{time}} </text>
 </view>
</template>
<template is="msgItem" data="{{...item}}"/>
</view>

2. index.js中代碼

//
Page({
 data: {
  name:'唐6',
  age:50,
  x:'郭5',
  y:40,
  zhangsan:{
     name:'張三',
     age:20
   },
  item: {
   index: 0,
   msg: 'this is a template',
   time: '2016-09-15'
  }
 }
})

上述內(nèi)容就是如何在微信小程序中使用template模板，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

如何在微信小程序中使用template模板

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽