项目场景：

在利用若依（RuoYi）系统基础上，结合其他大佬的大数据可视化界面，在使用滚动数据面板上进行动态数据切换操作的过程

问题描述

使用DataV展示滚动栏目数据展示，点击按钮进行动态数据切换

        <dv-scroll-ranking-board
          class="dv-scr-rank-board mt-1"
          :config="ranking"
          :type="type"
        />

原因分析：

在其中一直没有弄出来的原因是之前Js学的太差，没懂 == 和=== 的区别，导致if判断失败！

  methods: {
   
    //定义改变type值的方法并把当前值赋予type
    changeType(value) {
   
      console.log("当前选中:" + value);
      this.type = value;
    },
    chart() {
   
      //使用axios获取接口（模拟）数据
      this.$http
        .get("http://rap2api.taobao.org/app/mock/299107/TableShow/all")
        .then((res) => {
   
          console.log("获取到的达标E charts组件数据为：", res);
          if (this.type == 1) {
   //" == ":表示只比较值相等，不比较类型相等； " === ":(全等)表示值和类型都需要进行比较。
            this.ranking = res.data.ranking;
          } else {
   
            this.ranking = res.data.ranking2;
          }
        });
    },
  },

解决方案：

这里直接给出整个组件的源代码供大家参考（用的是一位大佬写好的DataV展板，我在此基础上增加数据切换的功能方面，其中有些数据比较冗余，大家选择性参考）

<template>
  <div id="center">
    <div class="up">
      <div class="item" v-for="item in titleItem" :key="item.title">
        <p class="ml-3 colorBlue fw-b fs-xl">{
   {
    item.title }}</p