Использование компонентов Vue

179
02 января 2022, 11:50

У меня есть компонент(в этом случае не важно какой, важна суть), в котором что-то записано в template, все по дефолту.

В главной программе (new Vue) так же есть template, где вызывается компонент

template: `<название компонента></название компонента>`

И вот как раз появился вопрос по поводу многократного вызова этого компонента. Например этот компонент, что нужно использовать - это строка в таблице, но заранее не известно сколько будет строчек, так как их количество вводит пользователь.

Такая запись не работает и выдает ошибку, что нельзя создавать мультикомпоненты в template, используя v-for, что-то в этом роде:

new Vue({
  el: '#matrix',
  data: {
    rows: 0
  },
  template: '<testComponent v-for="c in ${this.rows}"></testComponent>',
  methods: {
    inputRows(event) {
      this.rows = event.target.value
    },
  }
})

Можно как-то вызывать template столько раз, сколько нужно или же вызывать компонент столько раз, сколько нужно? Как правильно сделать цикл в данном случае? Где его применить?

Answer 1

выдает ошибку, что нельзя создавать мультикомпоненты в template, используя v-for, что-то в этом роде

Нельзя использовать директиву v-for на корневом элементе шаблона.
А вообще в template - использовать можно.

Vue.component('test-component', { 
  template: '<div>      
READ ALSO
несколько вариантов в indexOf

несколько вариантов в indexOf

Я не силен в js и только начинаю разбираться с нимСмог смастерить вот такой код, его задача:

186
SyntaxError vue js [закрыт]

SyntaxError vue js [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском

177
Помогите правильно разместить блок

Помогите правильно разместить блок

Помогите разместить блок(content) под меню, а то я голову уже сломалИ все ни как не получается

93
Максимальный элемент кратный 4

Максимальный элемент кратный 4

Всем приветВ IDEA проходит, но при проверке решения - ошибка

135