例如 多个页面引用树结构 当页面修改树结构默认值时 离开的页面选择的树的数据会被修改
查看很久 发现不管当前路由是否为active 都会被修改

解决办法:将树组件中的mounted和watch改为activated

activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等;

created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;

mounted():钩子函数是在挂在完成以后也就是模板渲染完成以后才会被调用

vue多个页面引用相同组件 在一个页面修改数据 多个页面受影响相关推荐

  1. 修改数据 (通过页面修改数据库数据)

    1.搭建自己的页面,根据自己实际需求自行搭建改动,在此不要求统一( *页面上内容已通过单表查询与数据库数据连接 *不会单表查询的可看我前面发表的文章这里就不重复 *注意布局时要加入模态框(如图二)) ...

  2. vue项目解决打开新页面预览PDF,同时修改预览PDF页面的标题和图标

    今天遇到一个需求,要就打开的pdf预览页面要,放自己的图标和标题. 问过大神后的知通过以下形式可以实现: 在public目录下新建一个html页面, 在新建的html页面的head中的 <tit ...

  3. 2019.1.31日【小程序前端页面剩下JS了,基本的数据传导和页面跳转没问题了】

    index.wxml <view class='root'><view class='tabs'><view class='item active'><tex ...

  4. 微信小程序中的页面文件和组件

    页面文件 页面构造器 JS文件 页面的JS文件,用于书写当前页面所需要的脚本代码以及生命周期函数. Page() : 注册了一个页面 接收一个对象,该对象用于配置当前页面所需内容. 该对象拥有的属性: ...

  5. vue 公用页面引用_关于vue全局引用公共的js和公共的组件的折腾

    前沿 最近在项目开发中遇到一些需要全局引用的公共js,或者公共组件,早就烦死了那种每个页面都写一遍,都引用一个js的写法,正好vue解决了这个额问题,于是乎就开始折腾,折腾的过程中也发现了一些自己之前 ...

  6. vue 同一页面多次引用同一组件

    vue elementui同一页面多次引用同一组件(导致 组件只显示一个,且数据覆盖) 1: 需求是在同一页面 有两个表格都带有分页功能,于是选择了将分页抽取成组件,一个页面调了两次组件; 2:需要往 ...

  7. vue 公用页面引用_vue中实现部分页面引入公共组件

    前言 我们可以把公共组件放到App.vue中,但是有时候我们希望某个页面不需要这写公共部分,那么需要怎么设置呢? 本文为大家介绍三种部分页面引入公共组件的方法. 方法一:利用子路由 创建一个layou ...

  8. 【Vue】组件复用导致的路由切换时页面不刷新问题

    页面逻辑 通过router-link,携带不同params参数,导航向同一个组件. 出现问题1 不同路由切换时组件上的页面不刷新. 问题原因1 mounted() {this.getData();}, ...

  9. vue 引用网络css_vue如何引用其他组件(css和js)

    1.vuejs组件之间的调用components 注意:报错Do not use built-in or reserved HTML elements as component id: 修改组件的名字 ...

最新文章

  1. NOIP模拟题 斐波那契数列
  2. 校运会计算机科学系大本营,计算机系团总支学生会学期总结大会
  3. (转)互联网——降级论
  4. 什么是OAuth 2.0
  5. mysql 查询语句属性值_MySQL学习——SQL查询语句(一)
  6. 12 月 Web 服务器调查:“王者” nginx 增长最快!
  7. 本地 hosts 文件找不到怎么办
  8. pypi.python.org_https://pypi.python.org/pypi/ssh
  9. SW转发与MAC地址表
  10. inSSIDer无线信号扫描工具
  11. 打砖块游戏源文件_大家无聊的话不如来玩玩这些小游戏
  12. 2019年电子设计国赛综合测评回顾
  13. ubuntu 访问外网
  14. 《算法笔记》胡凡第二章笔记
  15. Flutter仿网易云音乐 ---基础准备
  16. 西门子200SMART(六)数据块
  17. 微信iOS WKWebview 网页开发适配指南
  18. 403,404,503等 HTTP状态码(HTTP Status Code)
  19. Amazon Aurora 并行查询——加速分析处理的利器
  20. GNU Make 使用手册(于凤昌中译版)

热门文章

  1. 计算机主板的选购技巧,如何看芯选板?各种主板选购技巧推荐
  2. 中国石油大学《工程概预算与招投标》第二阶段在线作业
  3. 对B端产品经理来说,懂点企业架构很重要!
  4. 差分S参数 转 单端S参数 的推导
  5. php海宁,海宁php培训
  6. eclipse代码没有提示
  7. python写抖音网站_用Python生成抖音字符视频!
  8. 单片机应用,QY-DPJ03
  9. 仅从SQL和表及参数层面简单总结22种Hive基础调优方式
  10. java的方式实现腾讯云ocr名片识别功能