<template v-for="(item,index) in cate_name_data">
<div :data-cateid="item.cate_id" :class="['mui-control-item', index == 0 ? 'mui-active' : '']" @click="show_item_news">{{item.cate_name}}
</div>
</template>
<template v-for="(item,index) in cate_name_data">
<div :data-cateid="item.cate_id" :class="['mui-control-item', index == 0 ? 'mui-active' : '']" @click="show_item_news">{{item.cate_name}}
</div>
</template>
首先创建一个简单的vue应用 class绑定——动态地切换class 在:class上绑定一个对象 在:class...
本篇为Vue的基础篇，主要关于 v-bind: class与style的动态绑定。 1. 绑定 class 的几种...
实际操作中可能是这样的： vue 动态绑定class
结果：当满足 条件1 时,会执行classname1;当满足 条件2 时，会执行classname2例： 在dat...
NO1. 对象方法 简易绑定 判断是否绑定一个active 第一种（用逗号隔开） 第二种（放在data里面） 也可...
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处...
本文标题：vue 动态绑定class
本文链接：https://www.haomeiwen.com/subject/xfybhctx.html
网友评论