vue 解决路由只变化参数页面组件不更新问题

 更新时间:2019年11月05日 14:45:36   作者:cmyh  
今天小编就为大家分享一篇vue 解决路由只变化参数页面组件不更新问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

形如:

http://localhost:8080/#/xxx?a=1&b=1

如果只是变化?后面的参数,页面组件并不会响应

解决办法:

使用watch监听路由$route对象属性的变化

watch: {
 '$route' (to, from) {
  // data数据操作
 }
}

以上这篇vue 解决路由只变化参数页面组件不更新问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue项目打包部署的实战过程记录

    Vue项目打包部署的实战过程记录

    我们使用nginx部署Vue项目,实质上就是将Vue项目打包后的内容同步到nginx指向的文件夹,下面这篇文章主要给大家介绍了关于Vue项目打包部署的相关资料,需要的朋友可以参考下
    2021-09-09
  • Vue3中结合ElementPlus实现弹窗的封装方式

    Vue3中结合ElementPlus实现弹窗的封装方式

    这篇文章主要介绍了Vue3中结合ElementPlus实现弹窗的封装方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • vue如何自定义InputNumber计数器组件

    vue如何自定义InputNumber计数器组件

    这篇文章主要介绍了vue如何自定义InputNumber计数器组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • 使用vue-json-viewer实现JSON数据可视化详解

    使用vue-json-viewer实现JSON数据可视化详解

    vue-json-viewer 是一个用于在 vue.js 应用中展示 JSON 数据的插件,它提供了一种直观和美观的方式来可视化 JSON 数据,下面我们来看看如何使用它进行JSON数据可视化吧
    2025-01-01
  • 详解Vue.js自定义tipOnce指令用法实例

    详解Vue.js自定义tipOnce指令用法实例

    这篇文章主要介绍了详解Vue.js自定义tipOnce指令用法实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • vue-resource post数据时碰到Django csrf问题的解决

    vue-resource post数据时碰到Django csrf问题的解决

    这篇文章主要介绍了vue-resource post数据时碰到Django csrf问题的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • vue路由守卫,限制前端页面访问权限的例子

    vue路由守卫,限制前端页面访问权限的例子

    今天小编就为大家分享一篇vue路由守卫,限制前端页面访问权限的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue代码分割的实现(codesplit)

    vue代码分割的实现(codesplit)

    这篇文章主要介绍了vue代码分割的实现(codesplit),做了代码分割后,会将代码分离到不同的bundle中,然后进行按需加载这些文件,需要的朋友可以参考下
    2018-11-11
  • Vue中@click.native的使用方法及场景

    Vue中@click.native的使用方法及场景

    在组件中时常看到@click.native,在项目中遇到后,简单介绍下,这篇文章主要给大家介绍了关于Vue中@click.native的使用方法及场景的相关资料,需要的朋友可以参考下
    2023-11-11
  • vue如何修改data中数据问题

    vue如何修改data中数据问题

    这篇文章主要介绍了vue如何修改data中数据问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09

最新评论