自定义组件的属性传值(微信小程序)

251 阅读1分钟

首先你先创建组件的结构:

然后把wxss,wxml写好,在app.json中编写这一段代码:

"usingComponents": {
    "PubTitle": "/components/PubTitle/PubTitle"
  }

在PubTitle.js文件中编写这段代码定义组件的属性:

properties: {
    myTitle:String  // 简写
}

在pges/index/index.wxml中编写这段代码:

<PubTitle myTitle="学员作品"/>
<PubTitle myTitle="行业动态"/>

在组件内使用插值表达式进行渲染