vue 定位显示

Question

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

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

Answer 1

给每个商品个身份标识<ul>&nbsp; <li data-id="0"></li>&nbsp; <li data-id="1"></li>&nbsp; <li data-id="2"></li>&nbsp; <li data-id="3"></li></ul>用户购买之后拿到参数进行比较 假如买的id为1的商品你就给data-id为1的商品添加一个class<style>&nbsp;.selected{&nbsp; background:yellow;}</style><ul>&nbsp; <li data-id="0"></li>&nbsp; <li class="selected" data-id="1"></li>&nbsp; <li data-id="2"></li>&nbsp; <li data-id="3"></li></ul>