当前位置:首页 > 前端

饿了么UI动态表单非input时,值未及时显示的问题处理方案

Z先生5年前 (2021-06-21)前端1307

不得已最近需要使用饿了么UI,在使用动态表单的时候遇到了2个坑。

  1. 非input表单,选择点击后,值未实时显示。
  2. datepicker @change实现无效

第一个问题处理方案,在change时,强制更新

第二个问题处理方案,加入@blue事件

完整代码

<el-date-picker
    @change="$forceUpdate"
    @blur="$forceUpdate"
    v-model="airfield.date"
    format="yyyy年MM月dd日"
    value-format="yyyy-MM-dd"
    :validate-event="false"
></el-date-picker>

总结下来,还是antd的v-decorator好用一些,特别是动态表单的时候,而且也不用写item的prop。

另:antd的table表格也很牛,但是antd在布局上不够灵活,内置样式也相对较少,以及少color选择框。

分享给朋友:

相关文章

字体图标的妙用

什么是字体图标对于前端的小伙伴来说,字体应该是再熟悉不过的东西了,对于文字我们可以通过css指定文字对应的字体,字号大小,颜色。得益于css3,我们还可以在css中引入服务端字体来实现自定义字体。而字…

【原创】api接口模拟器(NodeJS版)

最近遇到一个项目,内网的APP,后端数据和前段开发属于异地,没法直接做接口数据测试。因此用NodeJs简单写了个API模拟器,只要将响应的数据放在对应目录下json.json文件中即可。请求地址全静态…

VUE打包时from UglifyJs Unexpected token: punc (()错误解决方案

归其原因是因为缺少ES2015的语法解析。因此进行如下2步操作即可解决问题:1、安装babel-preset-es2015npm install babel-preset-es20…

写给即将寿终正寝的Flash,即html5 Flash解决方案

写给即将寿终正寝的Flash,即html5 Flash解决方案

Adobe的Flash将于2020年12月31日正式终止。Adobe公司最近宣布,将会正式宣布停止对Flash的支持,这也变相宣布了Flash的死亡,Flash Player将于2020年12月31日…

js获取指定文件的路径

获取指定js文件的路径var src = '/static/js/demo.js'; var path = src.sub…

巨坑:API在某些情况下POST请求会自动变成GET的解决方案

这个问题我已经不是第一次遇到了。之前没有收集整理,一般情况下,出现这种情况,都是有2次请求,一次301,在一次200,然后post就变成了get。一般出现这个情况,API接口和?之间不是反斜杠,导致3…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。