【问题标题】:Vue.js about passing data with propsVue.js 关于使用 props 传递数据
【发布时间】:2017-05-28 14:50:59
【问题描述】:

我开始学习 Vue.js。关于将数据传递给 chlid-component,我遇到了一团糟。数据未显示在子组件上。为什么?哪里出错了?

【问题讨论】:

  • 包含实际代码比代码屏幕截图更好,因为它易于阅读,并且有助于回答,因为您不必再​​次编写整个代码。

标签: components vue.js


【解决方案1】:

正如here 解释的那样,HTML 属性不区分大小写,因此在使用非字符串模板时,camelCased 道具名称需要使用其kebab-case(连字符分隔)等效项,如下所示:

<child v-bind:child-msg="parentMsg"></child>

【讨论】:

  • 谢谢!我忽略了这一点,这很重要。太糟糕了!
猜你喜欢
  • 2017-09-15
  • 2020-07-01
  • 2017-12-13
  • 1970-01-01
  • 2021-05-22
  • 2020-09-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多