【问题标题】:Vue.js passing props to a child of dynamic componentVue.js 将 props 传递给动态组件的子组件
【发布时间】:2018-04-14 20:27:36
【问题描述】:

我有一个父动态组件 Forms.vue 和 3 个子组件:form1form2form3。我尝试像这样将道具传递给form2

<forms source="/api/data" title="form2"/>

form2 组件中,我尝试使用Axios 向source URL 发帖,但它不起作用:this.source 返回undefined

【问题讨论】:

  • 可以分享一下组件定义吗?你定义了道具吗?
  • 你能告诉我们一个子组件的代码在哪里可以工作,另一个不能吗?
  • 用户 vue 绑定 - :source 和 :title
  • @user2968356 在子组件 form2 中使用 exios.get(this.source).then(function(reponse){......}).catch(function(error){ .......}) 浏览器控制台显示错误,因为必须由 this.source 填充的 url 段显示 'undefined'
  • 如果不向我们展示您的组件代码,就很难告诉您您的组件代码有什么问题。如果您对form2 有疑问,您需要向我们展示该组件的定义(至少)。

标签: vue.js vuejs2


【解决方案1】:

问题是我在 form2 中使用 this.source 而不是 this.$parent.source 来获取道具,我认为通过将道具传递给 Forms 组件标签它将是可在所有子组件中访问。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-10
    • 1970-01-01
    • 1970-01-01
    • 2021-12-21
    相关资源
    最近更新 更多