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

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

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

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

1.属性绑定

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

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

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

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

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

感谢大佬,感谢社会。

相关推荐
Bug从此不上门6 小时前
【无标题】
前端·javascript·uni-app·vue
狼性书生1 天前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
宇宙的最后一粒尘埃1 天前
Typeerror: cannot read properties of undefined (reading ‘XXX‘)
vue
清幽竹客2 天前
vue-18(使用 Vuex 插件实现高级功能)
前端·vue.js·前端框架·vue
牧码岛2 天前
Web前端之隐藏元素方式的区别、Vue循环标签的时候在同一标签上隐藏元素的解决办法、hidden、display、visibility
前端·css·vue·html·web·web前端
MINO吖2 天前
基于 qiankun + vite + vue3 构建微前端应用实践
vue·vite·微前端·qiankun·single-spa
Luffe船长2 天前
elementUI点击浏览table所选行数据查看文档
javascript·elementui·vue
IT瘾君3 天前
JavaWeb:前端工程化-ElementPlus
前端·elementui·node.js·vue
sunbyte4 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Dad Jokes(冷笑话卡片)
前端·javascript·css·vue.js·vue
幽络源小助理4 天前
SpringBoot+Vue+微信小程序校园自助打印系统
java·spring boot·微信小程序·小程序·vue