这个怎么才能把两个组件的v-model放到一个组件里面，两个v-model绑定的数据共用一个组件

这个怎么才能把两个组件的v-model放到一个组件里面，两个v-model绑定的数据共用一个组件

用type="daterange"这个

<el-date-picker
      v-model="value1"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>

如果放在一个组件，返回的值是一个数组，取到数组值以后要进行拆分组装。

不是有一个daterange选择日期范围组件吗

定义一个子组件

<template>
    <div>
        <el-date-picker
                v-model="value1"
                type="date"
                @change="handleStartDateChange"
                placeholder="开始日期">
        </el-date-picker>
        <el-date-picker
                v-model="value2"
                type="date"
                @change="handleEndDateChange"
                placeholder="结束日期">
        </el-date-picker>
    </div>
</template>


<script>
    export default {
        name: 'TimePicker',
        props: {
            startDate: Date,
            endDate: Date,
        },
        methods: {
            handleStartDateChange(date) {
                this.$emit('update:startDate', date)
            },
            handleEndDateChange(date) {
                this.$emit('update:startDate', date)
            },
        }
    }
</script>

<style scoped>

</style>

父组件使用

<my-picker :startDate.sync="startDate" :endDate.sync="endDate">
</my-picker>

date:['','']
v-model ="date[0]"
v-model ="date[1]"

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632