设置自定义属性名称

尼克·陈·阿卜杜拉(Nick Chan Abdullah)

使用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指令的功能。

JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

设置自定义属性

来自分类Dev

设置原始资源的自定义名称

来自分类Dev

设置自定义对象属性

来自分类Dev

jQuery从值设置自定义属性

来自分类Dev

选择自定义属性以设置样式

来自分类Dev

如何设置MSI自定义属性

来自分类Dev

属性的自定义JsonConverter:获取属性名称

来自分类Dev

Powershell自定义属性-更改属性名称

来自分类Dev

在样式设置器中设置自定义附加属性

来自分类Dev

如何使用属性设置自定义UITypeEditor的属性

来自分类Dev

通过自定义属性设置特定属性的值

来自分类Dev

如何自定义设置angularjs jsonp回调名称?

来自分类Dev

如何在Helmchart中设置自定义发布名称

来自分类Dev

JAXB自定义绑定问题-序列属性名称

来自分类Dev

使用Spray JSON自定义JSON对象属性名称

来自分类Dev

如何在JAXB中自定义属性名称?

来自分类Dev

通过名称访问自定义python类型属性

来自分类Dev

如何在Javers中自定义属性名称

来自分类Dev

自定义属性

来自分类Dev

如何在ASP.NET Core MVC中自定义Html.DropDownListFor辅助设置名称属性

来自分类Dev

使用自定义属性值在模板中设置颜色

来自分类Dev

在按钮上设置自定义属性

来自分类Dev

WPF根据自定义属性的值设置CustomControl样式

来自分类Dev

角度形式:在自定义指令上设置$ dirty属性

来自分类Dev

如何在自定义WebViewPage中设置属性?

来自分类Dev

设置自动分隔线的自定义属性

来自分类Dev

Google Universal Analytics-设置自定义属性

来自分类Dev

如何继承QPointF并设置自定义属性?

来自分类Dev

通过Object.assign设置CSS自定义属性