问答

vue 父组件向子组件传值,子组件watch props,console.log 触发

作者:admin 2021-04-21 我要评论

父组件? 子组件? 子组件监听? 不知道哪里出现了问题 ### 原因是子组件监听的实际是父组件data对象的变化,只要父组件的data发生变化,就会触发子组件中的监听 解...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

父组件?
image.png

子组件?
image.png

子组件监听?
image.png

不知道哪里出现了问题

###

原因是子组件监听的实际是父组件data对象的变化,只要父组件的data发生变化,就会触发子组件中的监听

解决方法:
父组件向子组件传值时

:params="{userId,
encryptPhone,
controlCustomerInfoDisplay}"`
//改成
:params="params"
//在data中定义
export default{
...,
data(){
    return:{
     params:{
        userId:"",
        encryptPhone:"",
        controlCustomerInfoDisplay:""
        }
    }
}
}```
###

请检查两个问题:

  1. 是否有两个子组件复用这个对象都在子组件进行监听
  2. 是否你的对象赋值的三个userid, encryptPhone,controlCustomerInfoDisplay的值多次覆盖或者不同地方赋值
  3. 想解决这个办法最好是用 parentParams = {} 来进行值传递
parentParams ={
    userid: '',
    encryptPhone: '',
    controlCustomerInfoDisplay: ''
}
###

我也遇到这个问题了,你的解决了没?

###
  1. 三个值别拆分,合成一个变量,统一赋值试下
  2. 有路由切换?有的话检查下是否有重复初始化或未销毁
  3. 实在不行合成一个字符串,或加个防抖

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue 父组件向子组件传值,子组件watch

    vue 父组件向子组件传值,子组件watch

  • 原生JS正确获取对象后,单击函数函数无

    原生JS正确获取对象后,单击函数函数无

  • 正则范围在85-270 怎么写?

    正则范围在85-270 怎么写?

  • npm install antd --save出现错误ERESO

    npm install antd --save出现错误ERESO

腾讯云代理商
海外云服务器