
ant-design-vue问题记录
ant-design-vue使用过程中的问题记录
新津之虎--曹达华
软饭硬吃--曹达华,家有娇妻陈娜一枚。分享实战代码,如有不足欢迎指正
展开
-
antd vue table ellipsis属性不生效
//ellipsis: true不生效代码 <a-tooltip slot="status" slot-scope="text" placement="top" :title="text" :arrow-point-at-center="true" > <div>{{ text }}</div> </a-tooltip>//将div改原创 2022-04-27 17:23:12 · 4275 阅读 · 1 评论 -
关于使用antd vue 表单组件的validateFields的注意点
this.form.validateFields({ force: true }, (err, values) => {//此处出现错误,不会被浏览器捕获(不会在控制台抛错),会导致出错代码后的正常代码无法正常执 行});原创 2021-07-02 10:23:53 · 5642 阅读 · 2 评论 -
关于@ant-design-vue/pro-layout 1.0.7 SettingDrawerr 隐藏alert与button
直接贴配置图 settings: { // 布局类型 layout: defaultSettings.layout, // 'sidemenu', 'topmenu' // CONTENT_WIDTH_TYPE contentWidth: defaultSettings.layout === 'sidemenu' ? CONTENT_WIDTH_TYPE.Fluid : defaultSettings.contentWi原创 2021-05-21 15:16:17 · 1784 阅读 · 0 评论 -
Warning: getFieldDecorator will override value
使用antd vue表单组件时,出现如下警告,具体以上Warning: `getFieldDecorator` will override `value`, so please don't set `value and v-model` directly and use `setFieldsValue` to set it.警告的意思是::' getFieldDecorator '将覆盖' value ',所以请不要直接设置' value and v-model ',而使用' setFieldsVa原创 2021-05-07 10:35:19 · 10619 阅读 · 3 评论 -
a-descriptions使用,关于警告“Sum of column `span` in a line exceeds `column` of Descriptions”问题解决
问题描述:在使用antd的descriptions组件时,出现如下错误源代码如下:解决方案:出现警告是由于一行中“span”列的总和超过了描述的“column”。多写了一个span=2去掉一个即可。如果帮助到您的话,可以给我点个赞吗?谢啦...原创 2021-04-07 10:56:10 · 10799 阅读 · 2 评论 -
a-modal 初次未显示时,无法获取到其中包裹的子组件
bug:主页面加载,未渲染模态框,无法通过this.$refs获取到其包裹的子组件解决方法:forceRender=true使modal强制渲染原创 2021-03-26 11:47:30 · 1213 阅读 · 0 评论 -
关于ant-design-vue 表单自动获取焦点问题
问题描述:输入框初始状态不展示(v-show: false),点击按钮后展示搜素框,并聚焦,但点击后未聚焦成功!解决方案:应该是dom未渲染前,执行了focus,所以导致聚焦失败。用vue的$nextTick()即可解决。原理是dom渲染完成后,才会执行其中的回调...原创 2021-03-04 11:13:11 · 3679 阅读 · 1 评论