小程式如何使用共用的WXML模板

廖廖依發表於2018-08-21
  1. 公用模板noData.wxml
<!-- noData.wxml -->
<template name="noData">
  <view>{{msg}}</view> 
</template>
複製程式碼
  1. 使用模板 example.wxml
<import src="noData.wxml" />
/* data傳遞的值必須為一個物件 */
<template is="noData" data="{{...nodata}}" /> /* 第一種 */
<template is="noData" data="{{msg: tip}}" /> /* 第二種 */
複製程式碼
  1. example.js傳值給noData.wxml
data: {
  nodata: {
    msg: '暫無資料'
  },
  tip: '這是另一種傳值'
}
複製程式碼

相關文章