iview 日期组件 BUG 赋值变量选年度 然后当前年会有个蓝色底， 解决方案 :key="ccValue"

BUG

解决后

niandu.vue

<template>
  <!-- :key="ccValue" 变量赋值会显示当前年的蓝色底 -->
  <DatePicker
    type="year"
    :editable="false"
    class="input"
    placement="bottom-start"
    split-panels
    :value="ccValue"
    :key="ccValue"
    format="yyyy"
    @on-change="handleYearChange"
    placeholder="请选择"
    :clearable="false"
    transfer
    style="width: 200px;"
  ></DatePicker>
</template>

<script>
export default {
  components: {},
  props: {
    value: {
      type: String,
      default: ''
    }
  },
  data() {
    return {}
  },
  watch: {},
  computed: {
    ccValue: {
      get() {
        return this.value
      },
      set(value) {
        this.$emit('input', value)
      }
    }
  },
  methods: {
    handleYearChange(year) {
      this.ccValue = year
      this.$emit('change', year)
    }
  },
  created() {},
  activated() {},
  mounted() {},
  beforeDestroy() {}
}
</script>

<style lang="less" scoped></style>