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 |