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>