如何用vue写一个提示框?

构想如下:

默认是单文件开发模式

写了一个a.vue,props接收传进的提示type,提示text,是否开启icon等等

props:{    type:{
        type: String,
        default: 'info'
    },    text: {        type: String,
        default: '',
        required: true
    },    isIcon: {        type: String,
        default: 'success'
    }
}
data () {    return {        visiable:true
    }}

根元素 通过 v-show='visiable' 控制,methods内设定setTimeout 5秒后设置visiable = false

在b.vue组件当中,import a.vue ,使用时通过props传入type和text使用

那么,怎么可以多次使用?

very much Thanks in advance~~~


理想的状态是,使用方传入必须数据,其余事情由执行方完成


慕神8447489
浏览 1827回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript