Как вывести в v-for по строке — data переменную?

Question

[xXRustamXx]

Принимаю в компонент props строкой, начинаю выводить в директиве v-for=" item in 'string' ", названия props который я принимаю точно такой как и в data обьекте данного компонента, но в итоге выводиться количество букв этой строки, а не итемы массива который лежит в data, как решить эту проблему?((
Демо: https://codepen.io/Metis/pen/KembaK?editors=1010

Answer 1

[0xD34F]

Могу предложить пару вариантов.

1. Пусть данные компонента станут свойствами объекта, тогда их можно будет получать по имени свойства. Типа так.

2. Сделайте computed свойство, которое будет представлять текущий набор данных. Типа так.

...

А, ну и конечно ключевое слово this - оно тоже доступно в шаблоне. Так что есть и третий вариант (ну, на самом деле это вариант "полтора" - отличий от первого по сути нет никаких).

UPD. Конечно, все эти три варианта суть одно и то же - получение свойства объекта по имени в переменной. То есть, в конечном счёте, проблема в слабом знании языка. Я бы на вашем месте подтянул основы, а то так и будете сюда бегать с такими вот тривиальными вопросами.

Comments

[xXRustamXx]

В вопросе ссылку добавил на codepen

[0xD34F]

xXRustamXx, обновил ответ.

[xXRustamXx]

0xD34F, Я что в гугле не нахожу - пишу сюда, про this не знал, но гуглил как получить доступ к обьекту data. Спасибо!