SlugTeam

# Popup 选择

用于弹出选项面板。

# 用法

# 基础用法

this.$popup({
  title: '举报内容',
  content:
    '林思韬：具有良好的查克拉控制能力与清晰的脑力，擅长体术怪力与医疗忍术以及解除幻术（ 拥有幻术天赋，早期设定是幻术型忍者）。经过',
  options: ['垃圾营销', '涉黄信息', '传销组织', '侮辱谩骂', '广告推销', '其他'],
  button: '提交',
})
  .then(result => {
    console.log(result)
  })
  .catch(() => {
    console.log('取消')
  })
1
2
3
4
5
6
7
8
9
10
11
12
13

效果示例：

# 参数

  • {Object} config - 参数对象
    • {String} config.title - 标题
    • {String} config.content - 描述内容
    • {Array} config.options - 操作选项
    • {String} [config.button="确定"] - 确定按钮文本
    • {Object} [config.colors] - 自定义主题色，优先级最高，可覆盖 默认主题 与 全局配置 设置的主题色，相关色号：1 2 3 4 6 7 10

# 返回值

  • {Object} - Promise 对象
  • 用法：
this.$popup({
  title: '举报内容',
  content:
    '林思韬：具有良好的查克拉控制能力与清晰的脑力，擅长体术怪力与医疗忍术以及解除幻术（ 拥有幻术天赋，早期设定是幻术型忍者）。经过',
  options: ['垃圾营销', '涉黄信息', '传销组织', '侮辱谩骂', '广告推销', '其他'],
  button: '提交',
})
  .then(result => {
    console.log(result.option)
    console.log(result.index)
  })
  .catch(() => {
    console.log('取消')
  })
1
2
3
4
5
6
7
8
9
10
11
12
13
14

resolve 函数参数对象包含：

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

← Scroll 滚动 →