vue v-for循环判断两个数组的值,如果两个数组中某一项的值相同,则按钮显示蓝色

vue v-for循环判断两个数组的值,如果相同,则按钮显示蓝色,怎么实现呢??

<div v-for="(item,index) in Arr1" :key="index">
    <button :style="{'background':Arr2.indexOf(item)>=0?'blue':''}">按钮</button>
</div>



  data() {
    return {
      Arr1: [],
      Arr2: []
    }
  }

 

如果index相同,那就用index取,用if判断

如果不同的话,建议在js里构建显示的数据,再给页面渲染

https://blog.csdn.net/weixin_44058725/article/details/115307188?spm=1001.2014.3001.5502 看看这个