@ace_tao/vue-confirm 中文文档教程

Question

基于vue的弹窗插件

Install

npm i @ace_tao/vue-confirm  --save
cnpm i @ace_tao/vue-confirm  --save //国内npm

Quick Start Usage

//main.js中常规引入
import Confirm from '@ace_tao/vue-confirm';
Vue.use(Confirm);

// 在单文件中使用
this.$confirm({
  content: '确定要删除数据?',   // 提示内容
  okBtnText: '确定',            // 确定按钮的文本
  cancelBtnText: '取消',        // 取消按钮的文本
  confirm: null,                // 确定后的回调
  cancel: null                  // 取消后的回调
})

// 在js文件中引用

import Confirm from '@ace_tao/vue-confirm';

Confirm({
  content: '确定要删除数据?',   // 提示内容
  okBtnText: '确定',            // 确定按钮的文本
  cancelBtnText: '取消',        // 取消按钮的文本
  confirm: null,                // 确定后的回调
  cancel: null                  // 取消后的回调
})