Как изменить название data-attribute?

Question

[Nik]

приветствую! использую skrollr, он использует data-attr такие как ( data-0='',data-100=''...). вопрос как мне менять данные самого название дата-атрибута(т.е в props приходит item.scroll100 = (100) и надо подставить в атрибут data-(item.scroll100)='' ). как такое можно подставить?

Answer 1

[Evgeny Kulakov]

Как вариант использовать рендер-функцию и динамически создавать атрибут.
Сделал пример, думаю что сможете его адаптировать под себя: codepen.io/kerf/pen/OmMqqP
В примере динамически создается аттрибут data-## на основе scroll пропса компонента

Comments

[Nik]

Evgeny Kulakov спасибо. а рендер фу сильно же влияет на производительность?
у меня просто много дат нужно менять)

[Evgeny Kulakov]

Не могу утверждать, но если сравнивать компоненты vue на основе шаблонов и рендер функций, то последние по идее должны быстрее работать, т.к. vue должен предварительно парсить шаблон компонента и превращать его в какое-то подобие рендер функции.