点击年，月，日，分别显示不同的数据

Lucky_zss

于 2024-05-26 15:27:41 发布

阅读量155

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/zss_base/article/details/139215468

版权

 <LineEcharts
              :data="
                data === '1'
                  ? dataAll
                  : null || data === '2'
                  ? data2
                  : null || data === '3'
                  ? data3
                  : null
              "
            />



let data = ref("1");

const dataAll = reactive([
  ["A1", 800],
  ["A2", 50],
  ["B1", 500],
  ["B2", 700],
  ["C1", 900],
  ["仓储", 956],
]);
const data2 = reactive([
  ["A1", 300],
  ["A2", 520],
  ["B1", 100],
  ["B2", 300],
  ["C1", 600],
  ["仓储", 956],
]);
const data3 = reactive([
  ["A1", 100],
  ["A2", 720],
  ["B1", 300],
  ["B2", 800],
  ["C1", 200],
  ["仓储", 695],
]);



//Line.vue

const props = defineProps({
  data: {
    type:String,
    default: '1',
  },
  dataX: {
    type: Array,
    default: ["A1", "A2", "B1", "B2", "C1", "仓储"],
  },
});


onMounted(() => {
  watch(
    () => props.data,
    (newValue) => {
      console.log("新值：", newValue);
      Line();
    }
  );
  Line();
});