«vue»,»v-для»,»пункт не определен»,почему?

#vue.js #v-for

Вопрос:

вот мой html,когда я использую «v-для», неправильно «элемент не определен».

     <form action="">
        <div class=" form-group">
            <tr>
                <th v-for="item in title">{{item}} </th>
            </tr>
      </div>
    </form>
 
 new Vue({
        el: "#app",
        data: {
            
            title:['name','sort','company'],
        }
)
 

Я не знаю ,как справиться с этими проблемами.пожалуйста, помогите мне, большое вам спасибо

Комментарии:

1. Где в вашем HTML находится ваш #app элемент ?

2. Я понятия не имею, почему, но как только я переоделся div.form-group table.form-group (потому tr что может использоваться только в a table ), это сработало. больше никаких сообщений об ошибке

3. Я добавил <таблицу>,и тогда это работает,большое вам спасибо!

Ответ №1:

data должна быть функция, которая возвращает объект.

 data() {
  return {
    title: ['name','sort','company']
  }
}