Реквизиты компонентов не определены в Vue.js

1

Я передаю реквизиты для одного моего просмотра, но когда я печатаю результат в консоли, он посылает мне как неопределенный, но в представлении он выводит мне идентификатор, потому что неопределенный я не могу выполнить запрос/справляется, это код:

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}')
    }
  }
}

это изображение с печатью в представлении, а консоль отправляет мне как неопределенный Изображение 174551

Я буду очень признателен, если вы сможете помочь мне в этом вопросе.

  • 0
    У вас есть исключение ошибки перед печатью. ты уверен, что это не имеет к этому никакого отношения?
  • 0
    это предупреждение для локального игрока, но это другой компонент, он не влияет на проект сам
Теги:
vue.js

2 ответа

0

Чтобы передать информацию от родителя к ребенку, я использовал обновление, это код:

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

таким образом, в консоли он отображает запрос.

Поделиться
0

См. CamelCase vs. kebab-case:

HTML-атрибуты нечувствительны к регистру, поэтому [...] именам camelCased prop необходимо использовать их эквиваленты кебаба (дефисграничные):

Vue.component('child', {
  // camelCase in JavaScript
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>'
})


<!-- kebab-case in HTML -->
<child my-message="hello!"></child>

Таким образом, вам необходимо привязать свойство компонента следующим образом:

<component-name :id-video="someVar"></component-name>
Поделиться
  • 1
    «Опять же, если вы используете строковые шаблоны, то это ограничение не применяется». Это также не относится к отдельным компонентам файла, которые, по-видимому, использует OP.
  • 0
    то, что я сделал, обновил запрос отца с помощью такого обновления -> updated () {this.getRelVideos ()}, а затем я вызываю его, как метод: -> методы: {getRelVideos: function () {}}
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню