Настройка имени настраиваемого атрибута

Question

с использованием vue.js, возможно ли установить имя настраиваемого атрибута вместо значения атрибута? приведенный ниже код не работает. он будет оказывать усов

псевдокод:

<template v-for="item in list"> 

    <div myattr{{item.name}}="something">{{item.desc}}</div> 

</template> 

любая помощь с благодарностью.

Answer 1

Вы можете сделать это с custom directive

HTML:

<div id="app"> 
    <li v-for="item in items"> 
    <div v-set-attribute="item">{{item.desc}}</div> 
    </li> 
</div> 

JS:

Vue.directive('set-attribute', { 
    update: function(item) { 
    this.el.setAttribute(item.name, "something"); 
    } 
}); 

Директива имя должно начинаться с префикса v- в HTML. Объект, предоставленный как значение ("item"), передается функции update.

JSFiddle