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

  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: '這是另外一種傳值'
}
複製代碼
相關文章
相關標籤/搜索