88 lines
3.7 KiB
Vue
88 lines
3.7 KiB
Vue
<template>
|
||
<div>
|
||
<p>带描述信息</p>
|
||
<Button @click="normal(false)">普通</Button>
|
||
<Button @click="normal(true)">普通</Button>
|
||
<Button @click="info(false)">消息</Button>
|
||
<Button @click="info(true)">消息</Button>
|
||
<Button @click="success(false)">成功</Button>
|
||
<Button @click="warning(false)">警告</Button>
|
||
<Button @click="error(false)">错误</Button>
|
||
<Button @click="testRender()">render</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 () {
|
||
this.$Notice.success({
|
||
title: '这是通知标题',
|
||
desc: '当你定义了render之后，这个描述会被覆盖',
|
||
render: h => {
|
||
return h('span', {}, [
|
||
'这是',
|
||
h('Button', {props: {type: 'text'}}, 'render'),
|
||
'函数渲染的'
|
||
]);
|
||
},
|
||
duration: 0
|
||
});
|
||
},
|
||
warning (nodesc) {
|
||
this.$Notice.warning({
|
||
title: '这是通知标题',
|
||
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
|
||
});
|
||
},
|
||
error (nodesc) {
|
||
this.$Notice.error({
|
||
title: '这是通知标题',
|
||
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
|
||
});
|
||
},
|
||
testRender () {
|
||
this.$Notice.info({
|
||
title: '这是通知标题',
|
||
duration: 0,
|
||
// desc: '当你定义了render之后，这个描述会被覆盖',
|
||
render: h => {
|
||
return h('span', {}, [
|
||
'这是',
|
||
h('Button', {props: {type: 'text'}}, 'render'),
|
||
'函数渲染的'
|
||
]);
|
||
},
|
||
});
|
||
},
|
||
destroy () {
|
||
this.$Notice.destroy();
|
||
}
|
||
}
|
||
}
|
||
</script>
|