54 lines
1.7 KiB
Vue
54 lines
1.7 KiB
Vue
<template>
|
|
<div>
|
|
<i-button @click.native="info">显示普通提示</i-button>
|
|
<i-button @click.native="success">显示成功提示</i-button>
|
|
<i-button @click.native="warning">显示警告提示</i-button>
|
|
<i-button @click.native="error">显示错误提示</i-button>
|
|
<i-button @click.native="destroy">销毁提示</i-button>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
info () {
|
|
// this.$Message.info('这是一条普通提示');
|
|
this.$Message.success({
|
|
content: '这是一条普通提示2',
|
|
duration: 500,
|
|
onClose () {
|
|
// console.log(123)
|
|
},
|
|
closable: true,
|
|
render (h) {
|
|
return h('Button',{
|
|
props: {
|
|
type: 'primary'
|
|
}
|
|
}, '这是render出来的');
|
|
}
|
|
})
|
|
},
|
|
success () {
|
|
this.$Message.success({
|
|
content: '这是一条成功的提示',
|
|
duration: 4
|
|
});
|
|
},
|
|
warning () {
|
|
this.$Message.warning('这是一条警告的提示');
|
|
},
|
|
error () {
|
|
this.$Message.error('对方不想说话，并且向你抛出了一个异常');
|
|
},
|
|
destroy () {
|
|
this.$Message.destroy();
|
|
}
|
|
},
|
|
mounted () {
|
|
// this.$Message.config({
|
|
// top: 50,
|
|
// duration: 3
|
|
// });
|
|
}
|
|
}
|
|
</script>
|