vue的路由切换选项卡

我的需求就是:

页面打开第一个默认有active的样式

当点击其他的 点击元素有active的样式,其他的元素没有 

这就是个简单的选项卡,但是不同的是他们要进行路由切换。


<ul class="navBarList">

      <li v-for='(item,index) in navData'

          :to="item.path"

          :class="{cur:index==iscur}"

          @click="toggle(index)"

          v-text="item.name">

      </li>

    </ul>

    

    data(){

        return{

          navData: [{

          name: "选项一",

          path: '/home/index1/question/tab1',

          isActive: true

        }, {

          name: "选项二",

          path: '/home/index1/question/tab2',

        }],

         isActive: false

        }

    }

    

    <script>

       toggle:function (index) {


      }

    </script>

代码写的好像不对

反正就是 he选项卡一样但是点击的时候是通过路由跳转的


倚天杖
浏览 1269回答 3
3回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript