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

1. 公用模板noData.wxml

<!-- noData.wxml -->
<template name="noData">
  <view>{{msg}}</view> 
</template>
复制代码

2. 使用模板 example.wxml

<import src="noData.wxml" />
/* data传递的值必须为一个对象 */
<template is="noData" data="{{...nodata}}" /> /* 第一种 */
<template is="noData" data="{{msg: tip}}" /> /* 第二种 */
复制代码

3. example.js传值给noData.wxml

data: {
  nodata: {
    msg: '暂无数据'
  },
  tip: '这是另一种传值'
}
复制代码

转载于:https://juejin.im/post/5b7bc541e51d4538d12c7f6c