解决mint-ui中Toast重复弹出问题

2018-05-21  本文已影响0人  muroujue

比如在watch中监听data的值,超出范围会Toast提示错误信息,一旦输入不符合规则,会重复弹出Toast提示框,效果不好。
可以对Toast进行封装处理一下,弹出Toast时,先关闭其他Toast。

<template>
    <input v-model="price" type="number">
</template>

data() {
    return {
        toastObj:null
    }
},
methods : {
    if (this.toastObj) this.toastObj.close()
    this.toastObj = Toast(msg)
},
watch : {
    'price'(newval){
        if (newval === '') {
            this.ToastMsg('金额不可为空')
        } else if (newval > 50) {
            this.price = 50
            this.ToastMsg('最大额度为50万')
        }
    }
}
上一篇下一篇

猜你喜欢

热点阅读