@click="active=index" 这行是什么意思,绑定事件不应该是一个方法吗?

c1178396429
  • 6

<div id="app">

<div class="container">
  <ul class="title flex">
    <li
      v-for="(item,index) in titles"
      @click="active=index"  
      :class="{active:index===active}"
    >
      {{item}}
    </li>
  </ul>
  <ul>
    <li v-show="active===0">11</li>
    <li v-show="active===1">22</li>
    <li v-show="active===2">33</li>
  </ul>
</div>

</div>

回复
阅读 883
2 个回答

@clickv-on:click的缩写,指令绑定是表达式,不一定非得是方法哦
image.png

@click="active=index" 意思就是把你遍历的titles的 当前的index赋值给data中的active,结合下一行,用于决定是否绑定当前点击li的active类名

:class="{active: index === active}"
宣传栏