warning
error
success
Tip information
<template>
<div>
<fish-button @click="messageWarningHandler">warning</fish-button>
<fish-button @click="messageErrorHandler">error</fish-button>
<fish-button @click="messageSuccessHandler">success</fish-button>
<fish-button @click="messageTipHandler">Tip information</fish-button>
</div>
</template>
<script>
export default {
methods: {
messageWarningHandler () {
this.$message.warning('welcome to you !!!', 5000)
},
messageErrorHandler () {
this.$message.error('error: welcome to you !!!', 5000)
},
messageSuccessHandler () {
this.$message.success('success: welcome to you !!!', 5000)
},
messageTipHandler () {
this.$message.tip('Notification Title', 'I will never close automatically. I will be close automatically. I will never close automatically.')
}
}
}
</script>