王明昌博客如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
//定义
js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
// components/book/index.js Component({ /** * 组件的属性列表 */ properties: { book:Object }, /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { onTap(event){ // 获取选中的id const bid = this.properties.book.id wx.navigateTo({ url: `/pages/book-detail/book-detail?bid=${bid}`, }) } } }) |
json
|
1 2 3 4 |
{ "component": true, "usingComponents": {} } |
wxml
wxss
//引用
***.json
|
1 2 3 4 5 |
{ "usingComponents":{ "v-book":"/components/book/index" } } |
//使用
<v-book book=”{{item}}”/>
扩展
1.设置公共的插件属性
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
//公共属性 class-beh.js ``` let classicBeh = Behavior({ properties: { img: String, content: String, hidden:Boolean }, }) export { classicBeh} ``` //使用 import { classicBeh } from '../classic-beh.js' Component({ /** * 组件的属性列表 */ behaviors:[classicBeh], properties: { }, }) |
