Vue 组件中监听路由变化

Vue 组件中监听路由变化在 Vue 的组件中可以通过 watch 监听到当前路由的变化更多精彩更多技术博客，请移步 asing1elife’s blog实现方式在 watch 按照如下规则书写即可该监听会在路由发生变化时触发watch: {'$route' (val, old) {// 当前路由con...

asing1elife

3514人浏览 · 2018-09-12 08:42:35

asing1elife · 2018-09-12 08:42:35 发布

Vue 组件中监听路由变化

在 Vue 的组件中可以通过 watch 监听到当前路由的变化

实现方式

在 watch 按照如下规则书写即可
该监听会在路由发生变化时触发

watch: {
    '$route' (val, old) {
        // 当前路由
        console.log(val)
        // 上一个路由
        console.log(old)
    }
}

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}$/, //不连续的两位字母// /^