@szlx/quick-action

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