zoukankan      html  css  js  c++  java
  • vue中父子组件传值,解决钩子函数mounted只运行一次的问题

    因为mounted函数只会在html和模板渲染之后会加载一次,但是在子组件中只有第一次的数据显示是正常的,所以需要再增加一个updated函数,在更新之后就可以重新进行取值加载,完成数据的正常显示。

    beforCreate(创建之前)
    Created(创建之后)
    beforMount(载入之前)
    Mounted(载入之后)
    beforUpdate(更新之前)
    Updated(更新之后)
    beforDestroy(销毁之前)
    Destroyed(销毁之后)
    activate(keep-alive组件激活时调用)
    deactivated(keep-alive组件停用时调用)
    errorCaptured(这个组件的作用是接受子孙组件报错是调用,三个参数 错误对象、错误的组件、错误信息)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    父组件向
    子组件传值
    通过父组件传值调用子组件显示不同的数据

    父组件 :conponent.vue
    子组件:iconponent.vue

    父组件

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 子组件 ———————————————— 版权声明:本文为CSDN博主「醉醉美丽栗子」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_39990827/article/details/91982721
  • 相关阅读:
    键盘弹出与隐藏对TextView的影响
    iOS9 警告框
    计时器的写法
    iOS提交被拒
    新生活
    批量删除wps文档里的回车符的方法!WPS使用技巧分享!
    学习笔记计划
    监控服务器的注册及登陆并邮件通知的代码(go / python)
    Python调用C代码
    导入用户到Discuz论坛
  • 原文地址:https://www.cnblogs.com/dillonmei/p/12578315.html
Copyright © 2011-2022 走看看