全局提示读秒跳转

全局提示读秒跳转

定义一个混入函数Myminxin

const Myminxin = {

    data() {

        return {

            COUNT: null

        }

    },

    methods: {

        // TIME_COUNT==多少秒后跳转（默认3秒）

        // TEXT==说明文字

        // ROAD==路由路径

        countdown(TIME_COUNT = 3, TEXT, ROAD) {

            let timer = null

            this.$message.success({

                content: () => {

                    // let TIME_COUNT = 3

                    if (!timer) {

                        this.COUNT = TIME_COUNT

                        timer = setInterval(() => {

                            if (this.COUNT > 1 && this.COUNT <= TIME_COUNT) {

                                this.COUNT--

                            } else {

                                clearInterval(timer)

                                timer = null

                            }

                        }, 1000)

                    }

                    return this.COUNT + TEXT

                },

            })

            setTimeout(() => {

                this.$router.push({ path: ROAD })

            }, TIME_COUNT * 1000)

        },

    }

}

export { Myminxin }

 

 调用