需求：两个数组对比后，数据不同的改变背景颜色？

Question

题目描述

两个数组对比后，数据不同的那行改变背景颜色

题目来源及自己的思路

相关代码

粘贴代码文本（请勿用截图）

    <div class="pre_ct"
    ref=""
    v-for="(item, index) in baseinfo"
    :key="index"
    @click="leftindex()"
    :class="{ leftColorchangge: leftchange == index }"
  >
    <van-row>
      <van-col span="10" class="kindxz"
        ><span>{{ item.name }}</span></van-col
      >
      <van-col span="6">{{ item.age }}</van-col>
      <van-col span="4">{{ item.year }}</van-col>
    </van-row>
  </div>
  data里面
  data return{
   leftchange: -1,
  baseinfo: [
    { name: "小红", age: "17", year: "10" },
    { name: "小红", age: "18", year: "10" },
    { name: "小hei", age: "227", year: "310" },
  ],
  baseinfoSZ: [
    { name: "小红", age: "17", year: "10" },
    { name: "小红", age: "17", year: "10" },
    { name: "小hei", age: "227", year: "310" },
  ],
  }  
  .leftColorchangge{ background:red}
  
  
  
  
      

你期待的结果是什么？实际看到的错误信息又是什么？

第二行数据变红

问题描述

两个数组对比后，数据不同的那行改变背景颜色

Answer 1

van-row 加上 :class="{ leftColorchangge: item.name != baseinfoSZ[index].name || item.age!= baseinfoSZ[index].age || item.year != baseinfoSZ[index].year }"