JavaScript — Vuejs выбрать динамические (несколько) элементов
Я использую VueJS с приложением PHP. У меня есть несколько постов с комментариями для каждого из них. У каждого из них есть класс answer_comment, Я пытаюсь заставить VueJS работать для всех из них (в настоящее время он работает только с одним).
new Vue({ el: '.answer_comment', /* other code */ })
Это влияет только на первый. Как я могу заставить это работать для всех них? Как я могу выбрать все элементы с классом answer_comment вместо того, чтобы только получить первый?
Решение
ОБНОВЛЕНИЕ: Поскольку этот ответ был дан, Vue теперь запрещает монтировать виртуальную машину на body тег. Итак, используйте какой-то элемент под ним.
С использованием new Vue Подход на самом деле заключается в настройке единой модели представления с собственной иерархией. В конечном итоге он просто будет соответствовать первому элементу DOM, который соответствует вашему селектору CSS.
В этом случае я рекомендую переместить ваш new Vue вверх к body пометить и объявить для него компонент «answer_comment», который Vue затем будет применять на протяжении body когда это «компилирует» это.
См. Документацию по компонентам для получения дополнительной информации:
Другие решения
Других решений пока нет …