Vue 解决路由同一相同页面参数不同页面不刷新问题

vue 路由相同页面页面不刷新问题 vue 路由页面 vue 页面不刷新 vue watch函数方法 vue 解决页面不刷新 vue 路由同一页面参数不同页面不刷新问题

@Forever

2588人浏览 · 2020-04-29 12:08:30

@Forever · 2020-04-29 12:08:30 发布

Watch 监听路由

<template>
    <div class="h1">{{name }}</div>
</template>

<script>
    export default {
        name: "Test",
        data() {
            return {
                name : '',
            }
        },
        created() {
        }, watch: { 
            '$route': {
                    handler(newVal, oldVal) {
                        this.getview(newVal, oldVal)
                    },
                    deep: true,
                    immediate: true,
                } 
        },methods:{
            getview(to, from){
                this.name = this.$route.query.name 
            }
        }
    }
</script>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^