美文网首页
Vuejs如何给元素添加自定义属性

Vuejs如何给元素添加自定义属性

作者: 林遇66 | 来源:发表于2018-11-28 14:30 被阅读0次
Vuejs如何给元素添加自定义属性

有这样一个场景:v-for渲染一个列表有10个子项,并且把第5个子项后的元素都添加一个属性data-wow-delay='0.8s',实现如下:

...
<ul>
    <li v-for='(item,index) in [1,2,3,4,5,6,7,8,9,10]' 
        :data-wow-delay="index>5?'0.8s':''">{{item}}</li>
</ul>
...

可以得出一个给元素添加自定义属性的方法

<el v-bind:自定义属性名="Boolean?'value1':'value2'"></el>

当然,如果只是添加一个常见属性(css属性),例如class,style等,下面这种方法也可以。

<el v-bind:class="{'aniamted':showAnimated}"></el>

相关文章

网友评论

      本文标题:Vuejs如何给元素添加自定义属性

      本文链接:https://www.haomeiwen.com/subject/jrgaqqtx.html