[Vue/ElementUI] DatePicker 作为子组件与父组件实现数据双向绑定

本文主要是记录一下 ElementUI 的 DatePicker 作为子组件与父组件实现数据双向绑定的代码, 具体的代码解析可以参考 [Vue] 父子组件间数据的双向绑定

1. 实现一

1.1 子组件

<template>
  <div>
    <el-date-picker
      v-model="select_date"
      align="right"
      type="date"
      value-format="yyyy-MM-dd"
      placeholder="选择日期"
      @change="change_date"
    >
    </el-date-picker>
  </div>
</template>


<script>

export default {
   
  model: {
   
    prop: 'value',
    event: 'change'
  },
  p