AVUE 大屏 自定义一个form组件与其他组件交互

一、该问题的重现步骤是什么？

1. AVUE 大屏 自定义一个form组件，父组件是个日期，然后有一个颜色快，如何监听form组件值得变化触发颜色块刷新接口

2. 

其实我想知道，这个form组件得值如何拿到。应该通过什么方式做这样子得组件交互

这是form组件代码

<template>

    <avue-form :option="option" v-model="dataChart"></avue-form>

    {{this.dataChart.name}}

</template>

<script>

export default{

    data(){

        // 获取最近31天的范围（今天往前推30天）

    const getLast31DaysRange = () => {

      const today = new Date();

      const lastDay = new Date(today); // 今天

      const firstDay = new Date(today);

      firstDay.setDate(today.getDate() - 30); // 30天前（共31天）

      // 格式化为 YYYY-MM-DD

      const format = (date) => {

        const year = date.getFullYear();

        const month = String(date.getMonth() + 1).padStart(2, '0');

        const day = String(date.getDate()).padStart(2, '0');

        return `${year}-${month}-${day}`;

      };

      console.log([format(firstDay), format(lastDay)]);

      return [format(firstDay), format(lastDay)];

    };

        return{

            dataChart: {

                name: getLast31DaysRange(), // 默认设置为最近31天

            },

            option:{

                submitBtn:false,

                emptyBtn:false,

                change: ({ value, column }) => {

                    this.$emit('click',value)

                    console.log('值改变', value, column);

                },

                column:[{

                    label:'时间',

                    prop:'name',

                    span:24,

                    type:'daterange',

                }]

            }

        }

    },

    created(){

    },

    methods:{

    }

}

</script>

<style>

</style>

3.

二、你期待的结果是什么？实际看到的又是什么？

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。