【发布时间】:2020-09-20 01:33:32
【问题描述】:
我真的无法获取组件之间的绑定数据。
步骤,
- 从
Child1组件获取文本值 - 在
App.vue上执行Add方法 - 从
App.vue发送测试值并在Child2上创建v-for列表
No.3 不工作。 我什至不知道 1,2 在代码上是正确的.. 如何获取输入数据以显示项目列表?
这是我的代码:Link
【问题讨论】:
标签: javascript vue.js vue-component vue-cli
我真的无法获取组件之间的绑定数据。
步骤,
Child1组件获取文本值App.vue 上执行Add 方法
App.vue 发送测试值并在Child2 上创建v-for 列表
No.3 不工作。 我什至不知道 1,2 在代码上是正确的.. 如何获取输入数据以显示项目列表?
这是我的代码:Link
【问题讨论】:
标签: javascript vue.js vue-component vue-cli
代码已修复: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" 用于何时进行操作。我想我明白了。非常感谢。