解决element-ui的date-picker组件的picker-options属性不生效的问题

网上查半天都没查到,好像没人写,于是俺怀着激动的心情来记录下

项目来需求,说要控制日期选择的最大最小范围,看似简单,实则藏深坑!

小白的我天真地按照网上的例子(主要是官网也不给一个!)写完如下:

1.属性绑定

2.数据绑定(这步错了别抄)

错就错在第二步,它不应该绑定在data里吖,

后经高人指点,应该写在compute里,compute! 修改后的第二步如下:

好啦,这下就打工告成了,试了将近一天,总算看到灰掉的日期长啥样了,luei目!

顺便介绍一下背景,我的项目用的vue2+elementui2,即使element-plus废弃了pickerOptions这个属性 但还是能用(虽然中间一度以为是这个原因!)

感谢大佬,感谢社会。

相关推荐
百锦再1 天前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
一笑code1 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
eric*16881 天前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
喜欢敲代码的程序员2 天前
SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版:项目搭建(一)
spring boot·mysql·elementui·vue·mybatis
海的诗篇_2 天前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
sunbyte2 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DragNDrop(拖拽占用组件)
前端·javascript·css·vue.js·vue
skyymrj12 天前
Vue3 + Tailwind CSS 后台管理系统教程
前端·css·vue
程序猿小D12 天前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+Vue实现的校园二手交易平台管理系统,推荐!
java·数据库·mysql·spring·vue·毕业设计·校园二手交易平台
伍哥的传说12 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
伍哥的传说12 天前
react gsap动画库使用详解之scroll滑动动画
前端·javascript·vue.js·react.js·前端框架·vue·动画