在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中怎么給一個(gè)div動(dòng)態(tài)添加class

vue中怎么給一個(gè)div動(dòng)態(tài)添加class

我要的效果是點(diǎn)擊一個(gè)div，這個(gè)div是循環(huán)出來的，點(diǎn)擊那個(gè)讓哪一個(gè)加邊框，再點(diǎn)擊他的話邊框消失，這個(gè)應(yīng)該怎么做

回答
編輯回答
久舊酒

初始化isActive變量為false，點(diǎn)擊時(shí)候切換，自動(dòng)切換div類名active是否擁有

<div v-bind:class="{ active: isActive }" @click="!isActive"></div>
2018年1月26日 13:52
編輯回答
荒城

第一個(gè)答案是對(duì)的！思路就是需要一個(gè)flag，點(diǎn)擊事件去改變這個(gè)flag的值，而這個(gè)flag再去改變那個(gè)class的有無

2018年7月15日 12:40
編輯回答
司令
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script>
</head>
<body>
<div id="app">
    <ul id="omain">
        <li v-for="(item,index) in data">
            <div @click="showIndex = index" :class="{'divborder':showIndex == index}"> show {{ item }}</div>
        </li>
    </ul>
</div>
<script>
    var app = new Vue({
        el: '#app',
        data(){
            return {
                data: ['aa', 'bb', 'cc'],
                showIndex: 0
            }
        }

    })
</script>
<style>
    .divborder {
        border: 1px solid #ddd;
    }
</style>
</body>
2017年9月24日 10:40
編輯回答
殘淚
<div  @click="changeClass"></div>

changeClass(){
    $(window.event.target).toggleClass("className");
}
2018年5月23日 17:27