Vue positioning display

after the purchase is completed, you need to locate the corresponding grid and open the corresponding grid as the one for express delivery. This is the corresponding grid highlighting

.

the question is: how do you locate and highlight these locations?

Mar.20,2021

give each item an ID

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

after purchase, users get the parameters for comparison. If you buy an item with an id of 1
you add a class to the item with a data-id of 1

<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>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3e3c4-2c3ff.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3e3c4-2c3ff.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?