64 lines
2.8 KiB
Vue
64 lines
2.8 KiB
Vue
<template>
|
|
<div>
|
|
<p>带描述信息</p>
|
|
<Button @click="normal(false)">普通</Button>
|
|
<Button @click="info(false)">消息</Button>
|
|
<Button @click="success(false)">成功</Button>
|
|
<Button @click="warning(false)">警告</Button>
|
|
<Button @click="error(false)">错误</Button>
|
|
<p>仅标题</p>
|
|
<Button @click="info(true)">消息</Button>
|
|
<Button @click="success(true)">成功</Button>
|
|
<Button @click="warning(true)">警告</Button>
|
|
<Button @click="error(true)">错误</Button>
|
|
<Button @click="destroy()">销毁</Button>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
normal (nodesc) {
|
|
this.$Notice.open({
|
|
title: 'google',
|
|
duration: 0,
|
|
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
|
|
render (h) {
|
|
return h('span', {}, 'sdsdfsdf');
|
|
}
|
|
});
|
|
},
|
|
info (nodesc) {
|
|
this.$Notice.info({
|
|
// title: '这是通知标题',
|
|
duration: 0,
|
|
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
|
|
render (h) {
|
|
return h('span', {}, 'sdsdfsdf');
|
|
}
|
|
});
|
|
},
|
|
success (nodesc) {
|
|
this.$Notice.success({
|
|
title: '这是通知标题',
|
|
duration: 0,
|
|
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
|
|
});
|
|
},
|
|
warning (nodesc) {
|
|
this.$Notice.warning({
|
|
title: '这是通知标题',
|
|
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
|
|
});
|
|
},
|
|
error (nodesc) {
|
|
this.$Notice.error({
|
|
title: '这是通知标题',
|
|
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
|
|
});
|
|
},
|
|
destroy () {
|
|
this.$Notice.destroy();
|
|
}
|
|
}
|
|
}
|
|
</script>
|