身份证到期日el-date-picker添加长期无限期按钮并分别回显不同数字

Question

vue2身份证到期日el-date-picker点击加上长期或者无限期的按钮分别回显不同数字，长期显示“99991231“，无限期显示“00000000“，并且可以正常选择日期

Answer 1

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7537309
• 你也可以参考下这篇文章：vue el-date-picker 周从周一开始日期，起始日期多一天
• 除此之外, 这篇博客: vue中el-date-picker不回显问题中的 解决方案： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 查看官方文档后，就改用了另一种事件blur：（当 input 失去焦点时触发）

  // 直接把上面的change换成blur
  @blur="getpickerdata"
  

  改过之后又测试发现这个是可以更新数据重新赋值了，但是el-date-picker组件中的清空事件又失效了。。。。。。
  

  这很让人头大。。。。
  
  但是但是不要慌，经过我多事件的测试 最终、最终选择了input事件

  // 再把上面的blur换成input就完事了
  @input="getpickerdata"
  

  就是这简单的一行代码耗费了小半天的时间。。。。不过最终也是解决了修改数据不更新不重新赋值的情况，也修改了el-date-picker不清空的bug。