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

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

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

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

1.属性绑定

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

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

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

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

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

感谢大佬,感谢社会。

相关推荐
箫笙默20 小时前
Vue3基础笔记
笔记·vue·vue3
爱学英语的程序员1 天前
让AI 帮我做了个个人博客(附提示词!)
人工智能·git·vue·github·node·个人博客
五仁火烧1 天前
Vite和HTTP 服务器
服务器·网络协议·http·vue
奔跑的web.1 天前
TypeScript 全面详解:对象类型的语法规则
开发语言·前端·javascript·typescript·vue
amazing-yuan1 天前
彻底解决该 TS 报错 + 提升编译效率
前端·javascript·vue.js·typescript·vue·异常报错处理
千寻技术帮1 天前
10343_基于Springboot的考研信息查询系统
mysql·vue·springboot·考研论坛·考研录取
nece0012 天前
vue3杂记
前端·vue
五仁火烧2 天前
Vue3 项目的默认端口行为
服务器·vue.js·nginx·容器·vue
码界奇点2 天前
基于Vue3与TypeScript的后台管理系统设计与实现
前端·javascript·typescript·vue·毕业设计·源代码管理
callJJ2 天前
MCP配置与实战:深入理解现代开发工具链
javascript·node.js·vue·mcp·windsurf