当前位置:首页 > 前端 > 正文内容

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

Z先生4年前 (2021-06-21)前端916

不得已最近需要使用饿了么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>

总结下来,还是antdv-decorator好用一些,特别是动态表单的时候,而且也不用写itemprop

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

分享给朋友:

相关文章

H5手机上,禁用长按选择功能

1、屏蔽所有标签:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;...

IE11,Chrome粘贴图片上传的JS实现方法和逻辑

核心代码如下://处理IE11,Chrome粘贴图片上传 function pasteUpload() { var file = null;...

npm如何使用国内镜像源?

通过命令配置1. 命令淘宝源npm config set registry https://registry.npmmirror.com腾讯源npm ...

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

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

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

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

npm删除掉所有模块并重新安装的方法

1、删除目录:node_modules2、运行清理命令npm cache clean -f3、安装npm install...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。
请先 登录 再评论,若不是会员请先 注册