欢迎光临
感谢一路有你

小程序 | 自定义插件

如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
 
//定义
js
// 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"
}
}

 

 

//使用
<v-book book=”{{item}}”/>

 

扩展

 

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: {

},
})

 

 

 

赞(0) 打赏
未经允许不得转载:王明昌博客 » 小程序 | 自定义插件
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏