SlugTeam

# ActionSheet 操作

用于弹出操作面板。

# 用法

# 基础用法

this.$actionSheet({
  options: ['分享', '收藏', '举报'],
})
  .then(result => {
    console.log(result)
  })
  .catch(() => {
    console.log('取消')
  })
1
2
3
4
5
6
7
8
9

效果示例：

# 带标题

this.$actionSheet({
  title: '确定要举报吗？',
  options: ['确定'],
})
  .then(result => {
    console.log(result)
  })
  .catch(() => {
    console.log('取消')
  })
1
2
3
4
5
6
7
8
9
10

效果示例：

# 参数

  • {Object} config - 参数对象
    • {String} [config.title] - 辅助标题
    • {Array} config.options - 操作选项
    • {Object} [config.colors] - 自定义主题色，优先级最高，可覆盖 默认主题 与 全局配置 设置的主题色，相关色号：1 4 6 7

# 返回值

  • {Object} - Promise 对象
  • 用法：
this.$actionSheet({
  options: ['分享', '收藏', '举报'],
})
  .then(result => {
    console.log(result.option)
    console.log(result.index)
  })
  .catch(() => {
    console.log('取消')
  })
1
2
3
4
5
6
7
8
9
10

resolve 函数参数对象包含：

参数名称 类型 描述
result.option String 选项名称
result.index Number 选项索引

← Confirm 确认框 →