vue 定位显示

Question

购买完成后需要定位相对应的格子 就和取快递的一样 相对应的格子打开 我这个是相对应的格子高亮

问题是 ：这些位置怎么定位并高亮显示？？？？

Answer 1

给每个商品个身份标识

<ul>
  <li data-id="0"></li>
  <li data-id="1"></li>
  <li data-id="2"></li>
  <li data-id="3"></li>
</ul>

用户购买之后拿到参数进行比较 假如买的id为1的商品
你就给data-id为1的商品添加一个class

<style>
 .selected{
  background:yellow;
}
</style>

<ul>
  <li data-id="0"></li>
  <li class="selected" data-id="1"></li>
  <li data-id="2"></li>
  <li data-id="3"></li>
</ul>