如何在vue js上观看路由对象?.这是我的密码

watch: { 
     '$route.params.search': function(search) {
           console.log(search)
      }
}

这不管用.

我试着使用deep,但仍然无法使用here

查看代码sanbox,您可以在main上查看route对象.js.

您不应该在任何其他组件内查看route对象.因为当路由链路改变时,组件会被 destruct .你主要应该这样做.js文件,根据您的目录 struct

谢谢@santanu和@ittus

推荐答案

你试过deep个选项吗?

watch: { 
     '$route.params.search': {
        handler: function(search) {
           console.log(search)
        },
        deep: true,
        immediate: true
      }
}

Vue.js相关问答推荐

BootstrapVue Popover:奇怪的react 行为

为什么在 Vue2 中调用 this.$emit() 后 props 没有立即更新?

通过元素加中的正则表达式输入电话号码格式

Vue3如何将自定义事件绑定到路由视图中的特定组件?

Vue:将点击事件绑定到动态插入的内容

Vue CLI - 编译后将配置文件保留为外部

如何在 Laravel 中包含 Bootstrap-Vue

vue js 组件中的 this.$route 只返回 undefined

带有 vue.js 的 img 网址

vuejs中watch方法和计算方法有什么区别

包含 Vue.js v-if 和 v-for 指令的 HTML 标签在加载时flash

如何使用 vue-resource 添加额外的标头来发布请求?

使用 Vue.js (cdn) 在特定元素上切换显示/隐藏

Vuejs在复选框 Select 上切换div可见性

VS代码中的红点是什么意思

如何异步验证 Vuetify 文本字段?

Vue.js 拦截器

Vue.js react性如何在幕后工作?

升级到 vue-cli 3 后,HTML 中的空格消失了

您正在运行 Vue 的 esm-bundler 构建