javascript - Vue.js 中未定义组件 props

标签 javascript vue.js

我正在将一个 Prop 传递给我的 View ,但是当我在控制台中打印结果时,它会将我发送为未定义,但在 View 中它会向我打印 id,因为未定义我无法执行请求/咨询,这是代码:

export default {
  props: ['idVideo'],
  data: () => ({
    videos: []
  }),
  created() {
    //do something after creating vue instance
    this.api = new ApiCanal10({})
    this.getRelVideos()

  },
  methods: {
    getRelVideos: function() {
     //print in the console
      console.log(`video/related/${this.idVideo}`)
    }
  }
}

这是一个在 View 中打印的图像,控制台将其发送为未定义 enter image description here

如果您能帮助我解决这个问题,我将非常感激。

最佳答案

为了将信息从父级传递给子级,我使用了更新,这是代码:

export default {
  updated(){
    this.getRelVideos()
  },
  methods: {
    getRelVideos: function() {}
  }
}

以这种方式在控制台中显示请求。

关于javascript - Vue.js 中未定义组件 props,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46993197/

相关文章:

javascript - Laravel Nova 覆盖 vue 组件导致 [Vue warn] : Error compiling template

javascript - 忽略 tour.js 中缺少的游览元素

javascript - 带有 if 语句 if 选项等于 'Gel' 的控制台日志

javascript - VueJS访问vue组件中的外部导入方法

javascript - 如何在 Vue.js 中添加动态组件/部分

javascript - 使用 lodash 绘制 map 内 map

javascript - 在 knockout.js 中订阅动态添加的内容

javascript - HTML 输入 "disabled"属性在 Bootstrap 模式中不起作用

vue.js - 如何配置 Vite 来解析嵌套的 SFC CSS url

vue.js - Vue,js如何计算两个输入值并将结果放入另一个输入字段?