欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

记:vue组件复用传值,二次点击数据没有改变

程序员文章站 2024-02-16 10:30:04
...

遇到的问题:
第一次点击编辑数据存在,二次点击编辑时,数据没有变化
记:vue组件复用传值,二次点击数据没有改变

原因:
vue官网原话:提醒一下,当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。

解决方法:
使用watch去监听参数

watch: {
     dialogObj:{
         handler(newval, old) {
                this.form = newval
         },
      },
},

newval是薪传的值,old是旧的值
此时只要把newval赋值给form对象,就会自动渲染