【问题标题】:Getting data between components in Vue JS在 Vue JS 中获取组件之间的数据
【发布时间】:2020-09-20 01:33:32
【问题描述】:

我真的无法获取组件之间的绑定数据。

步骤,

  1. Child1组件获取文本值
  2. App.vue 上执行Add 方法
  3. App.vue 发送测试值并在Child2 上创建v-for 列表

No.3 不工作。 我什至不知道 1,2 在代码上是正确的.. 如何获取输入数据以显示项目列表?

这是我的代码:Link

【问题讨论】:

    标签: javascript vue.js vue-component vue-cli


    【解决方案1】:

    代码已修复:https://codesandbox.io/s/parent-to-childbyclicking-pp4yy

    您在Child1 上发出input 事件,但App.vue 没有在监听。此外,该列表被错误地传递给了Child2 道具。

    如果您有任何不明白的部分,请随时发表评论;)

    【讨论】:

    • 感谢您的代码。我有个问题想问:list="list" 我的理解是这样的::aaa="bbb" aaa 和子组件同名 bbb 是给父组件做方法,以此类推。好像:callAddBtn="addBtn" 不总是这样吗? :list="list" 是一样的。令人困惑..
    • 这些是道具。在您的示例:aaa:bbb 中,这会将父组件上的aaa 属性“链接”到子组件上的bbb 属性。使用这个,当父级的aaa 更改时,这些更改将发生在子级的bbb 上。不要忘记在子组件上声明这个道具。更多信息和示例:vuejs.org/v2/guide/components-props.html
    • 好的,当props:ccc="ccc" 并在子组件上添加props:aaa="bbb" 用于何时进行操作。我想我明白了。非常感谢。
    猜你喜欢
    • 1970-01-01
    • 2018-05-15
    • 1970-01-01
    • 2020-09-24
    • 1970-01-01
    • 2018-09-16
    • 2020-02-10
    • 2019-02-03
    • 2019-02-08
    相关资源
    最近更新 更多