Javascript 设置自定义属性名称
使用vue.js,是否可以设置自定义属性名称而不是属性值?下面的代码似乎不起作用。它会把胡子弄皱的 伪代码:Javascript 设置自定义属性名称,javascript,vue.js,Javascript,Vue.js,使用vue.js,是否可以设置自定义属性名称而不是属性值?下面的代码似乎不起作用。它会把胡子弄皱的 伪代码: <template v-for="item in list"> <div myattr{{item.name}}="something">{{item.desc}}</div> </template> {{item.desc}} 非常感谢您的帮助。您可以用 HTML: <div id="app"> <
<template v-for="item in list">
<div myattr{{item.name}}="something">{{item.desc}}</div>
</template>
{{item.desc}}
非常感谢您的帮助。您可以用
HTML:
<div id="app">
<li v-for="item in items">
<div v-set-attribute="item">{{item.desc}}</div>
</li>
</div>
Vue.directive('set-attribute', {
update: function(item) {
this.el.setAttribute(item.name, "something");
}
});
指令名称在html中必须以v-
作为前缀。作为值提供的对象(“item”
)被传递给指令的update
函数