【问题标题】:vuejs props - parent variablesvuejs props - 父变量
【发布时间】:2022-01-05 00:08:06
【问题描述】:

我在一个 vue 页面 (apps.vue) 中有这个道具

props: {
  vote: {
    type: Object,
    default: () => {
      return {};
    }
  },
},

据我所知,属性“props”用于将数据从父级传递给子级。我认为apps.vue 是孩子(对吧?)

我想如何找到该属性的父文件,因为我需要检查它的变量

exp:this.vote.good

【问题讨论】:

  • 找到你的组件在哪里使用并检查属性,例如<Apps :vote="{good: 'value'}">
  • @Phil 这是我能找到的唯一语法吗? :propsName="{variable: 'value'}" ?
  • 不一定,也可以在render function中定义。
  • @Phil 没有办法知道调用该道具的组件的名称吗?我想检查里面声明的所有变量
  • 使用 Vue 开发工具浏览器扩展,它会显示组件层次结构

标签: javascript vue.js vuejs2 vue-component


【解决方案1】:

apps.vue

<Apps :vote="data" />

子组件

在模板中

{{ data }}

在脚本中

this.data

和...

export default {
  props: ['vote']
}

export default {
  props: {
     vote: {
         require: true,
         type: String,
         default: ''
     }
  }
}

【讨论】:

    猜你喜欢
    • 2020-02-09
    • 2020-07-01
    • 2018-12-19
    • 2020-03-15
    • 2018-04-25
    • 1970-01-01
    • 1970-01-01
    • 2023-01-31
    • 1970-01-01
    相关资源
    最近更新 更多