v-for出来的按钮如何一进入页面自动选中第一个按钮.

Question

请问v-for出来的按钮如何一进入页面自动选中第一个按钮,让第一个按钮变为选中状态

一进入页面让负一层变为选中的状态

Answer 1

https://element.eleme.io/#/zh-CN/component/checkbox
不是可以设置默认值吗

Answer 2

---

Answer 3

你所谓的选中状态是否是该元素的样式和其他不同，如果是往下看
:class="{'active':index==0}"

Answer 4

data(){

return {
  list:["负一层", "一层"],
  active:0
}

}

<template>

<button v-for="(item, index) in list" :key="index" :class="{current: index===0}">{{item}}</button>

</template>

<style>

.current{
    color:red
}

</style>

Answer 5

    <ul>
        <li v-for="(item, index) in 10" :key="index" :class={active: num === index} @click="num = index">{{item}}</li>
    </ul>

data() {
    return {
        num: 0
    }
}

.active {
    color: red;
}

Answer 6

v-for 里面不就有个 index 值吗 根据 index 值为 0 来进行控制就好了