当前位置:首页 > 前端

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

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

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

分享给朋友:

相关文章

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

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

npm 更新模块

npm update只能按照package.json中标注的版本号进行更新,升级后不会修改package.json中的版本号,需要自己手动修改,比较麻烦。npm-check-updates 升级插件升…

uniapp开发小程序,小程序二维传参与H5、分享页面参数兼容的处理方案。

首先小程序获取二维码接口有三个,2个限制数量,一个不限制数量,但是限制生成频率(5000次/分钟)和参数长度(32位),我使用的是不限数量的接口:getUnlimited,传递的参数为:invite=…

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

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

js中获取当前url路径

网上转的,用的时候整理// 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html?id=1&name=t…

VUE/UNIAPP事件传参

第一种方式使用data<view @click="handleClick" data-info="大家好">点击按钮</v…

发表评论

访客

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