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

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

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

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

分享给朋友:

相关文章

字体图标的妙用

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

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

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

ColorUI色系

ColorUI色系

                          ...

uniapp无缝滚动核心代码

1、页面代码核心代码<scroll-view class="scoll-warp">     <view&nb...

微信小程序强制热更新

微信小程序强制热更新

微信小程序分为冷启动和热启动,在更新后,一般需要一个周期,用户端才会重新更新。官方从小程序基础库版本1.9.90开始支持强制更新异步更新 + 强制更新方案介绍从基础库 1.9.90 开始,我们提供了&...

微信html链接小程序原始写法(暂未测试)

微信html链接小程序原始写法(暂未测试)

无意间发现了微信的这个链接,这几天比较忙,暂时还没有测试,等空了再测试一下。<a class="weapp_text_link"   &nbs...

发表评论

访客

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