0.0.3 • Published 3 years ago
@szlx/quick-action v0.0.3
quick action
uni.showActionSheet 简单封装, 公司内部 vue uniapp 项目使用
Installtion
npm i quick-actionUsage
import Vue from 'vue'
import quickAction from 'quick-action'
Vue.use(quickAction, { name: '$myAction' })
// example
export default {
mounted() {
// 打开文本类型
this.$myAction({
options: ['哈哈'],
success: value => console.log(value)
})
// 打开对象, 指定文本字段
this.$myAction({
name: 'label',
onlyValue: true,
options: [{ label: '哈哈', value: 'hh' }],
success: value => console.log(value)
})
// 其他参数
this.$myAction({
// 其他uni.showActionSheet同名参数可直接传入, itemList/success 不会覆盖
title: '标题',
options: ['哈哈'],
success: value => console.log(value)
})
}
}Props
| 参数名 | 说明 | 默认值 |
|---|---|---|
| options | 选项 | [] |
| name | option 为对象时键字段 | text |
| value | option 为对象时值字段 | value |
| onlyValue | option 为对象时, success 回调是否只需要返回 value, 默认返回 option | true |
| success | 选择 success 回调 | false |