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

  • Z时代
  • 2024-03-03
  • 分类：IT

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

题目描述

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

题目来源及自己的思路

相关代码

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

    <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}

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

第二行数据变红

问题描述

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

回答：

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

以上是 需求：两个数组对比后，数据不同的改变背景颜色？ 的全部内容， 来源链接： utcz.com/p/935390.html

回到顶部