npm.io
2.0.1 • Published 4 years ago

vue-xd-message

Licence
MIT
Version
2.0.1
Deps
2
Size
789 kB
Vulns
1
Weekly
0

vue-xd-message

a vue plugins about notice or toast

Build Setup

install the plugin on bash and the sass module support

npm install vue-xd-message --save-dev
register the plugins on the vue project in the entry file (main.js)
import message from 'vue-xd-message '
Vue.use(message);
on the vue template file ,you can use it by
this.$message.success("hello vill-message");
this.$message.error("hello vill-message");
this.$message.warning("hello vill-message");
this.$message.info("hello vill-message");
on the vue template file ,you can also use it by
this.$message({
    duration:2000,
    type:'success',
    conten:'hello vill-message'
});
this.$message({
    duration:2000,
    type:'error',
    message:'hello vill-message'
});
字段 说明 类型 默认值
type 可选值 success/error/info/warning String -
content 必选值,提示信息 String -
duration 可选值 Number 3000ms
animation 可选值,动画效果 String fade=
icon 可选值,前缀图片自定义 String ../assets/w1.png
hasClose 可选值,是否有关闭按钮 String false

Keywords