vue-dz-ui 之 Message API

前言

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

预览

API

// 函数式调用
this.$message.success(msg, duration)
this.$message.warning(msg, duration)
this.$message.error(msg, duration)

// options 对象的形式传参
this.$message({
    type,
    msg,
    duration
})

options

属性	说明	类型	默认值
type	提示的类型。支持success、warning、error	string	success
msg	提示的文字	string	无
duration	提示持续时间	number	3000 （单位：ms）

预览和源码

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