记:vue组件复用传值,二次点击数据没有改变
程序员文章站
2024-02-16 10:30:04
...
遇到的问题:
第一次点击编辑数据存在,二次点击编辑时,数据没有变化
原因:
vue官网原话:提醒一下,当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。
解决方法:
使用watch去监听参数
watch: {
dialogObj:{
handler(newval, old) {
this.form = newval
},
},
},
newval是薪传的值,old是旧的值
此时只要把newval赋值给form对象,就会自动渲染
上一篇: 你若想要面试好,进来就把线程搞!!