---
layout: templateLayout
---
```vue
<template>
    <Wb-button type="error" @click="click2">显示错误的提示</Wb-button>
    <Wb-button type="warn" @click="click4">显示警告的提示</Wb-button>
    <Wb-button type="success" @click="click3">显示成功的提示</Wb-button>
</template>
<script>
export default {
    methods: {
        click2 () {
            this.$Toast.error('用户名或者密码不正确')
        },
        click3 () {
            this.$Toast.success('创建订单成功')
        },
        click4 () {
            this.$Toast.warn('请输入正确的用户名')
        },
    }
}
</script>
```