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>