小程序 | 自定义插件

分类：小程序时间：2018-09-10浏览：2107

//定义

// 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

{
"component": true,
"usingComponents": {}
}

wxml

wxss

//引用

***.json

{
"usingComponents":{
"v-book":"/components/book/index"
}
}

//使用

扩展

1.设置公共的插件属性

//公共属性
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: {

},
})

本站文章如未注明出处均为原创，转载请注明出处，如有侵权请邮件联系站长。