使用vue.js,是否可以设置自定义属性名称而不是属性值?下面的代码似乎不起作用。会留胡子
伪代码:
<template v-for="item in list">
<div myattr{{item.name}}="something">{{item.desc}}</div>
</template>
任何帮助,不胜感激。
您可以使用自定义指令来执行此操作
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
指令的功能。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句