一.思路总结
1.遍历出来对应的数组, 在click中赋值 遍历出来的item。
2.class进行决定是否显示,一点击就把对应的item赋到active中
3.此时active就和item.id一模一样的文本,然后返回一个true能显示当前的了
4.把最后一个瑕疵补上, 让第一个默认选中。就是把active放一个数值就行了
<template>
<div id="app">
<ul>
<li
v-for="item in list"
:key="item.id"
@click="getdata(item.id)"
:class="[{active: active == item.id}]">
<span&