vue.jsを使用してカスタム属性名

Question

を設定すると、属性値の代わりにカスタム属性名を設定できますか？以下のコードは動作していないようです。

<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"); 
    } 
}); 

は、指令名はHTMLでv-を付ける必要があります。値（"item"）として提供されるオブジェクトは、指示の機能updateに渡されます。

JSFiddle