微信小程式頁面結構--引用
阿新 • • 發佈:2019-01-08
一個WXML可以通過import或include引入其他WXML檔案,兩種方式都能引入WXML檔案,區別如下:
1. import引入WXML檔案後只接受模板的定義,忽略模板之外的所有內容,而且使用過程中有作用域的概念。
2. include引入WXML檔案後只接受模板之外的定義,即引入檔案中除模板以外的程式碼直接拷貝到<include/>位置。
3. import是引入模板定義,include是引入元件。
import的使用
1. 示例
<!--pages/static/four/four.wxml--> <template name="myTemplate"> <view>模板中的內容</view> <view>{{content}}</view> </template> <template name="myTemplate2"> <view>巢狀使用的模板</view> </template> <template is="myTemplate2" data="{{content}}"> </template> <view bindtap='tap1'> 觸發1{{tap1}} <view bindtap='tap2'> 觸發2{{tap2}} <view bindtap='tap3'> 觸發3{{tap3}} </view> </view> </view>
<!--pages/static/five/five.wxml-->
<import src='/pages/static/four/four.wxml' />
<template is='myTemplate' data="{{content}}"></template>
<include src='/pages/static/four/four.wxml' />
註釋:
src:該屬性是需要被引入檔案的相對地址。
變數:需要重新定義和賦值