小程序如何使用共用的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: '这是另外一种传值'
}
复制代码
相关文章
相关标签/搜索