vue tabs手寫方法

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"

}

} 　　

}