vue-dz-ui 之 Confirm API

前言

vue-dz-ui 是我做的一个高度定制化项目中封装的一套组件。最初版本在4个月之前发布，可前往 https://www.npmjs.com/package/vue-dz-ui 查看最新的发布消息。内有 Button、Input、InputNumber、Checkbox、Radio、Select、Message、Confirm 组件，非常适合对于 Vue 有一定了解并尝试入门插件开发的同学。以下介绍 Confirm 组件用法：

预览

API

// options 对象的形式传参
this.$confirm({
    
    
    title: '你确认要进行这个操作吗？',
    desc: '<span style="color: red;">这是一段描述，可以是HTML格式的内容。</span>',
    btnText: ['Cancel', 'Ok'],
    onOk: () => {
    
    },
    onCancel: () => {
    
    }
})

options

属性	说明	类型	默认值
title	确认框标题 （ps：可为空）	string	无
desc	确认框的描述文字（ps：可以是 html字符串 ）	string	无
btnText	取消、确认按钮的文字自定义	Array	[‘Cancel’, ‘Ok’]
onOk	点击确认按钮的回调	function	无
onCancel	点击取消按钮的回调	function	无

预览和源码

可在 预览地址 在线查看该组件的效果，并可在 源码 处直接查看源码。