48 lines
1.8 KiB
Vue
48 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<p>With desc</p>
|
|
<Button @click="info(false)">Info</Button>
|
|
<Button @click="success(false)">Success</Button>
|
|
<Button @click="warning(false)">Warning</Button>
|
|
<Button @click="error(false)">Error</Button>
|
|
<p>Only title</p>
|
|
<Button @click="info(true)">Info</Button>
|
|
<Button @click="success(true)">Success</Button>
|
|
<Button @click="warning(true)">Warning</Button>
|
|
<Button @click="error(true)">Error</Button>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
info (nodesc) {
|
|
this.$Notice.info({
|
|
duration: 10000,
|
|
title: 'Notification title',
|
|
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
|
});
|
|
},
|
|
success (nodesc) {
|
|
this.$Notice.success({
|
|
duration: 10000,
|
|
title: 'Notification title',
|
|
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
|
});
|
|
},
|
|
warning (nodesc) {
|
|
this.$Notice.warning({
|
|
duration: 10000,
|
|
title: 'Notification title',
|
|
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
|
});
|
|
},
|
|
error (nodesc) {
|
|
this.$Notice.error({
|
|
duration: 10000,
|
|
title: 'Notification title',
|
|
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|