comfirm

说明

1. 装饰器comfirm主要用于弹窗判断确认/取消的情况

图片示例

代码示例

<template>
  <div @click="deleteXx">
  点击一下
  </div>
</template>
<script>
import { comfirm } from '@/decorator'
export default {
  methods: {
    getList() {
      alert('删除成功')
    },
    @comfirm({
      success: (context) => {
        context.getList()
      },

    })
    deleteXx() {
      return new Promise((resolve) => {
        resolve('')
      })
    },
  }
}
</script>

参数说明

传参key

key	描述	类型	默认值
success	当点击弹窗确定按钮时的回调方法，回调参数是该页面的vue	Function	———
cancel	当点击弹窗取消按钮时的回调方法，回调参数是该页面的vue	Function	———
placeholder	弹窗内部提示文字	String	此操作将永久删除, 是否继续?
list	vue文件的方法名，点击弹窗确定按钮后调用的方法	Function	———
successMessage	点击弹窗的确认按钮后页面提示的文字内容	String	删除成功
cancelMessage	点击弹窗的取消按钮后页面提示的文字内容	String	已取消删除
showSuccessTip	是否在点击弹窗确认按钮后弹出提示文字，即是successMessage是否需要出现	Boolean	true
showErrorTip	是否在点击弹窗取消按钮后弹出提示文字，即是cancelMessage是否需要出现	Boolean	true

注意

1. 该装饰器下的方法需要返回Promise类型
2. 使用该装饰器时，需要加符号@