vue動態 設置類名

 
<div class="tab">
<navigator :class="currentTab=='mzfw'?'nav active': 'nav'" data-id="mzfw" @click="switchTab('switchTab',$event)" open-type="navigator" url="">門診服務</navigator>
<navigator :class="currentTab=='zyfw'?'nav active': 'nav'" data-id="zyfw" @click="switchTab('switchTab',$event)" open-type="navigator" url="">住院服務</navigator>
<navigator :class="currentTab=='zhfw'?'nav active': 'nav'" data-id="zhfw" @click="switchTab('switchTab',$event)" open-type="navigator" url="">綜合服務</navigator>
</div>
 
<span :class="[timeDetail==1?'active':'','dib tc tim']" @click="timeDetailSelect(1)">19:00-20:00</span>
 
<span :class="[timeDetail==2?'active':'','dib tc tim']" @click="timeDetailSelect(2)">20:00-21:00</span>
 
<span :class="[timeDetail==3?'active':'','dib tc tim']" @click="timeDetailSelect(3)">21:00-22:00</span>