0.0.3 • Published 1 year ago
@szlx/quick-action v0.0.3
quick action
uni.showActionSheet 简单封装, 公司内部 vue uniapp 项目使用
Installtion
npm i quick-action
Usage
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 |