我想洗掉一個父元素里面的所有類，結構看起來像下面這樣
我想洗掉一個父元素里面的所有類。
<div id="middleCol"/span>>
< section class="toggleSection" id="step1" V on: click="toggleStep($event)" ref="step1">
<small>步驟1</small>
<h5>飛行細節</h5>
</section>/span>
< section class="toggleSection" id="step2" Von: click="toggleStep($event)" ref="step2">
<small>步驟2</small>/span>
<h5>旅行者資訊</h5>
</section>/span>
< section class="toggleSection" id="step3" v-on。 click="toggleStep($event)" ref="step3" >
<small>步驟3</small>/span>
<h5>支付</h5>/span>
</section>/span>
</div>
基本上這些都是標簽，我一次只想在一個div上應用一個活動的類，我的計劃是洗掉所有的類，然后用一個事件將活動的類添加到被點擊的任何標簽上，但我得到一個錯誤，其他子元素上的className屬性不存在，這個函式可以添加類，但不能洗掉它們，我已經看到一些jquery解決方案，但我希望能找到一個虛構的方案
。感謝任何幫助:)
這是我想使用的函式
我想使用的函式如下
function toggleActive（event）{
let element = event.currentTarget。
let parent = element.parentNode.children。
console.log(Element)
console.log(father)
for (let child in parent){
parent[child.value].className = ''' }
}
element.classList.add("toggleSectionActive"/span>)。
}
uj5u.com熱心網友回復：
嘗試系結類，并使用v-for來處理章節：
。new Vue（{
el: '#demo',
data（）{
return {
toggled: 0,
sections: [
{id: 0, name: 'Step 1', desc: '航班詳情'}。
{id: 1, name: 'Step 2', desc: '旅行者資訊'}。
{id: 2, name: 'Step 3', desc: '付款'}。
]
}
},
methods: {
toggleStep（id）{
this.toggled = id
}
}
}).active{
color: red;
}<script src="https://cdnjs. cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>/span>
<div id="demo">/span>
<div id="midCol">
<section :class="section。 id === toggled && 'active'" v-for="section in sections" :key="section。 id" @click="toggleStep（section.id）">
<small>{{ section.name }}</small>
<h5>{ section.desc }}</h5>
</section>/span>
</div>
</div>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/328108.html
標籤：