HTML 部分
<div class="left-tab">
<div class="hd">
<div :class="{'cur': now === '1'}" @click="now = '1'">广利河西五路</div>
<div :class="{'cur': now === '2'}" @click="now = '2'">广利河北二路</div>
<div :class="{'cur': now === '3'}" @click="now = '3'">广利河黄河路</div>
<div :class="{'cur': now === '4'}" @click="now = '4'">东营河庐山路</div>
<div :class="{'cur': now === '5'}" @click="now = '5'">五六干合排西路五六干合排西路五六干合排西路</div>
</div>
</div>
<div class="topleft-right">
<div class="bd">
<div v-show="now === '1'">1</div>
<div v-show="now === '2'">2</div>
<div v-show="now === '3'">3</div>
<div v-show="now === '4'">啊士大夫的</div>
<div v-show="now === '5'">手动阀手动阀</div>
</div>
</div>
JS VUE部分
export default{
data() {
return {
now: "1"
}
}
}