V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
coolair
V2EX  ›  问与答

Vue 如何知道父组件传递了数据给子组件?

  •  
  •   coolair · 2020-11-06 16:25:52 +08:00 · 1121 次点击
    这是一个创建于 1474 天前的主题,其中的信息可能已经有所发展或是发生改变。

    子组件 Prop 一个参数:

    height: {
        type: Number,
        default: 800,
    }
    

    在父组件中引用子组件

    <child :height=height />
    <child  />
    

    在子组件的 created 方法中有没有办法知道父组件到底有没有传值过来?就是有没有在父组件中有没有写上:height=height ?

    还有一个问题:

    <child :height=height @test="test" />
    

    在这种情况下,有没有什么好的方法保证 height 和 @click 同时设置或者同时不设置?因为我这个 test 是为了修改 height 的值去更新子组件,要是没有设置 height,那这个 test 就没有意义了。

    6 条回复    2020-11-06 17:10:47 +08:00
    Mist0
        1
    Mist0  
       2020-11-06 16:26:35 +08:00
    required:true
    leefly
        2
    leefly  
       2020-11-06 16:47:58 +08:00
    watch 下这个 height ?
    huijiewei
        3
    huijiewei  
       2020-11-06 17:05:24 +08:00
    你说的和设置不设置有什么关系么

    只要子组件定义了就好了
    maroon5
        4
    maroon5  
       2020-11-06 17:07:14 +08:00
    watch 或 computed?
    dinjufen
        5
    dinjufen  
       2020-11-06 17:09:56 +08:00
    你的 height 有默认值,传过来不等于默认值可约等于有传值?从结果上讲是这样吧。。如果传的刚好等于默认值那结果不还一样吗
    ghjacky
        6
    ghjacky  
       2020-11-06 17:10:47 +08:00
    watch 一下这个 prop 不就行了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2894 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 15:10 · PVG 23:10 · LAX 07:10 · JFK 10:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.