Javascript Vue.js如何在索引为0时添加活动类

Javascript Vue.js如何在索引为0时添加活动类,javascript,css,vue.js,vuejs2,vue-component,Javascript,Css,Vue.js,Vuejs2,Vue Component,这是我的密码 但输出仅显示为这样 您应该通过将绑定类与未绑定类分开来执行以下操作: 您可以通过采用类数组而不是通过“+”运算符连接来添加带有动态类绑定的静态类 <li v-for="(data, index) in datas" :key="data.id" class="nav-item"> <a :href="#" :class="[nav-link,{ 'active' : index === 0 }]" data-toggle="tab"> {

这是我的密码

  • 但输出仅显示为这样


    您应该通过将绑定类与未绑定类分开来执行以下操作:


    您可以通过采用类数组而不是通过“+”运算符连接来添加带有动态类绑定的静态类

    <li v-for="(data, index) in datas" :key="data.id" class="nav-item">
      <a :href="#" :class="[nav-link,{ 'active' : index === 0 }]"  data-toggle="tab">
        {{data.name}}
      </a>
    </li>