Toast 消息提示框

示例：

加载失败

<lee-toast v-model="show1" title="加载失败" type="error"></lee-toast>
<lee-toast v-model="show2" title="加载成功" type="success"></lee-toast>
<lee-toast v-model="show3" title="加载中" type="loading"></lee-toast>
<lee-toast v-model="show4" title="加载中" type="loading" after="success" afterTitle="注册成功"></lee-toast>
<lee-toast v-model="show5" title="加载中" type="loading" after="error" afterTitle="注册失败"></lee-toast>
<lee-button type="danger" @click="showHandler1">error</lee-button>
<lee-button type="success" @click="showHandler2">success</lee-button>
<lee-button @click="showHandler3">loading</lee-button>
<lee-button @click="showHandler4">loading then success</lee-button>
<lee-button @click="showHandler5">loading then error</lee-button>

<script>
    export default {
    data() {
     return {
       show1:false,
       show2:false,
       show3:false,
       show4:false,
       show5:false

    }
   },
    methods:{
    showHandler1(){
      this.show1=true
    },
    showHandler2(){
      this.show2=true
    },
    showHandler3(){
      this.show3=true
    },
    showHandler4(){
      this.show4=true
    },
    showHandler5(){
      this.show5=true
    }
       
    }
}
</script>

显示代码

属性

参数	说明	类型	可选值	默认值
title	提示消息	String	--	--
type	提示框类型	String	success,loading,error	success
v-model	绑定是否显示隐藏	Boolean	true,false	--
after	loading后状态类别	String	success,error	success
afterTitle	loading后状态文字	String	--	--