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

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

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

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

1.属性绑定

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

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

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

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

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

感谢大佬,感谢社会。

相关推荐
DazedMen10 小时前
前端自定义接口返回,想咋玩就咋玩
前端·vue·接口拦截
劉三岁1 天前
平板网页开发,px vs rem + 适配方案
vue·电脑
蓝黑20201 天前
Vue组件通信之emit
前端·javascript·vue
吴声子夜歌1 天前
Vue3——v-for指令
前端·javascript·vue
滴滴答答哒2 天前
Vue3 动态路由组件加载:后台字符串到前端懒加载组件的完美转换
vue
阿飞不想努力2 天前
文件上传原理与实操
java·spring boot·vue·文件上传
曲幽3 天前
FastAPI+Vue:文件分片上传+秒传+断点续传,这坑我帮你踩平了!
python·vue·upload·fastapi·web·blob·chunk·spark-md5
蓝黑20204 天前
Vue组件通信之v-model
前端·javascript·vue
不会写DN4 天前
Vue3中的computed 与 watch 的区别
javascript·面试·vue
钛态4 天前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web