Здравствуйте! Пожскажите, можно ли привязать к v-for метод, для корректировки

Question

Здравствуйте! Пожскажите, можно ли привязать к v-for метод, для корректировки

стилей в отрисованном экземпляре элемента?
Это необходимо для указания ширины input по ширине строки после его создания. Или как это можно решить по другому (строки все разной ширины).

#frontend #javascript #programming #russian #vue.js

0

04.03.2021

6 ответов

10 просмотров

Kirill Tkachenko

Kirill Tkachenko
https://codesandbox.io/s/quizzical-shirley-sv81f?f...

Это можно написать более лаконично и красиво, но это набросано на скорую руку

0

04.03.2021

Rostislav Vel Автор вопроса

Kirill Tkachenko
https://codesandbox.io/s/quizzical-shirley-sv81f?f...

Подскажите как стиль поменять для каждого Item отдельно?

0

04.03.2021

Kirill Tkachenko

Rostislav Vel
Подскажите как стиль поменять для каждого Item отд...

вы смотрели демку ?

0

04.03.2021

Kirill Tkachenko

Rostislav Vel
Подскажите как стиль поменять для каждого Item отд...

Внутрь каждого айтема передаёте объект нужный <Item v-for="item in items" :item="item" :key="item.text" /> В компоненте Item делаем компютед свойство которое уже возвращает название класса относительно item.type computed: { someClass() { let someClass = null; switch (this.item.type) { case "red": someClass = "class-red"; break; case "blue": someClass = "class-blue"; break; case "green": someClass = "class-green"; break; default: someClass = "class-other"; } return someClass; }, И вставляете класс в нужный элемент <div class="item" :class="someClass"> {{ item.text }} </div>

0

04.03.2021

Rostislav Vel Автор вопроса

Kirill Tkachenko
вы смотрели демку ?

Да, я сейчас в ней. Там нет корректировки width по ширине текста.

0

04.03.2021

Kirill Tkachenko · Accepted Answer

Kirill Tkachenko

https://codesandbox.io/s/quizzical-shirley-sv81f?file=/src/App.vue вот сделал небольшую писочницу с примером реализации

0

04.03.2021

169 похожих чатов

Здравствуйте! Пожскажите, можно ли привязать к v-for метод, для корректировки

6 ответов

Похожие вопросы