ant vue
文章平均质量分 55
散装java
一线搬砖工,分享各种搬砖技巧,全网同名,希望我们都有一个美好的未来
展开
-
antd <a-form>中 使用component,组件变动后,绑定出现异常 Cannot read property ‘filter‘ of undefined,v-decorator无法正确绑定
antd from中 使用component,组件变动后,绑定出现异常 Cannot read property ‘filter’ of undefined,v-decorator无法正确绑定问题描述在使用 组件时,需要根据下来选择来展示不同的组件;但是不同的组件在切换的时候,其赋值回调渲染 form的时候,出现了异常 Cannot read property ‘filter’ of undefined ; 并且组件的v-decorator ,无法正确的绑定根据红框1的下拉选择,来切换红框2的组件原创 2022-01-29 14:12:59 · 1792 阅读 · 0 评论 -
antd vue 中 关于骨架屏 skeleton 中嵌套form 出现表单内容无法渲染问题
antd vue 中 关于骨架屏 skeleton 中嵌套form 出现表单内容无法渲染问题问题描述根据官方文档,在使用骨架得时候,内部嵌套得表单,其实目的是为了实现,预加载得时候,loading得效果,数据加载完成之后,在显示,但是如此写法,数据无法渲染,甚至还有些调皮得警告Warning: You cannot set a form field before rendering a field associated with the value.问题分析出现以上问题有两点,原创 2020-12-23 15:43:02 · 1119 阅读 · 1 评论 -
antd vue根据条件(权限)控制table显示得列
antd vue根据(条件)权限控制table显示得列问题描述在实际开发得时候,前端往往需要控制权限,这里我们不讨论如何去实现权限,只说明,如何通过权限或者其他得条件控制表格展示列,即根据每个用户不同,在同一个table里,看到列不同问题分析首先目前,官方还没给出隐藏列得api,这里我得思路是,动态得变更列头数组columns,注意,这里使用字定义表头(slot)暂时无法实现。问题解决初始化得时候,只需要控制应该展示那些列就好列数据如下columns: [ {原创 2020-09-23 11:16:23 · 5814 阅读 · 1 评论 -
antd vue 中表格得customRender渲染中使用过滤器filters
antd vue 中表格得customRender渲染中使用过滤器filters问题描述在业务开发中,有时候对于时间处理,可能不是全部都要时分秒得显示,这里我使用vue得过滤器,然后就出现一个毛病,我是在表头定义得时候,直接使用得customRender渲染得,普通得过滤器是通过 | 来实现,那么这里怎么处理呢问题解决使用-> this.$options.filters.过滤器名字(参数)代码全局定义过滤器 import Vue from 'vue' import mo原创 2020-09-07 17:31:17 · 7689 阅读 · 1 评论 -
antd vue 表单 You cannot set a form field before rendering a field
antd使用form 表单,出现警告 You cannot set a form field before rendering a field associated with the valuebug样子warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options)原创 2020-07-29 15:47:53 · 3114 阅读 · 3 评论 -
antd vue中,在form表单中的自定义组件使用v-decorator
antd vue中,在form表单中的自定义组件使用v-decorator问题描述项目需要,在表单中上传图片,所以要自己定以一个上传图片的组件,直接在from中使用,但是普通的自定义组件无法使用表单的v-decorator。分析转自官方的一段话this.form.getFieldDecorator(id, options) 和 v-decorator="[id, options]"经过 getFieldDecorator或v-decorator 包装的控件,表单控件会自动添加 value原创 2020-07-20 16:39:26 · 9921 阅读 · 1 评论 -
anted vue中,时间区间选择框,非日期选择
anted vue中,时间区间选择框问题描述有事场景下,需要只选择一个时间区间,而不需要选择日期,这时不能使用a-range-picker,而是要使用两个a-date-picker组合实现效果演示这里只有时间选框的最底层代码,并没有添加时间哪个按钮的实现代码实现子组件myDate<template> <div> <a-r...原创 2020-03-16 17:57:28 · 774 阅读 · 0 评论 -
antd a-input-number 的基本使用
antd a-input-number 的基本使用问题说明 在项目中,经常会遇到,一个输入框只能输入数据类型数据,只能输入数据类型的正整数,或者只能输入保留两位小数的正整数,该文只为解决此问题解决方法使用antd的a-input-number组件该组件本身已经实现只能输入数值类型,此时不需要去写正则,只需使用precision参数这里详细解释precision参数p...原创 2020-03-16 17:51:52 · 20938 阅读 · 2 评论 -
文件上传 a-upload 限制文件上传类型
文件上传 a-upload 限制文件上传类型限制上传文件的类型可以通过accept字段来设置点击upload按钮时扫描到的文件,下面例子中只识别Microsoft Word文档<a-upload:headers="headers":action="url":fileList="fileList"@change="handleChange"accept=".doc,.doc...原创 2020-03-16 17:49:57 · 12585 阅读 · 4 评论 -
antd vue 文件上传实例
antd vue 文件上传实例说明该实例是后端进行文件上传至minio服务器这里仅仅是展示前端antd vue得代码限制文件类型配置查看这里<template> <a-upload :headers="headers" :action="url" :fileList="fileList" @change="handleChang...原创 2020-03-16 17:47:06 · 4025 阅读 · 1 评论 -
antd vue中 为本省略Ellipsis异常,TypeError: Cannot read property 'map' of undefined
antd vue中 为本省略Ellipsis异常,TypeError: Cannot read property ‘map’ of undefined问题描述在使用Ellipsis标签的时候,有时会出现前端异常,如下:TypeError: Cannot read property 'map' of undefined代码如下:// 前面已经引入Ellipsis组件 { ...原创 2020-03-16 17:40:02 · 1468 阅读 · 1 评论 -
后端传过来的Long类型数值如何在VUE前端进行加法运算
后端传过来的Long类型数值如何在VUE前端进行加法运算后端传过来的long类型,不经过任何处理直接进行加法运算,vue默认为这是一个拼串的操作。//list,是后端传过来的Long的list [1,2,3]const sum;list.forEach(ls => { sum+=ls})//输出为 123const sum;list.forEach(ls => {...原创 2019-10-09 20:01:36 · 1920 阅读 · 0 评论 -
ant design vue中使用富文本vue-quill-editor
ant design vue中使用富文本vue-quill-editor在项目中使用富文本使用富文本可以存储一些带样式的文本信息(这里不谈图片,尚未解决),在获取到富文本信息时,存储到数据库要是用text类型来进行数据的存储首先再引入vue-quill-editoryarn add vue-quill-editor在项目中引入quill的css,文章最后是所需css的源代码我...原创 2019-09-19 17:23:40 · 9515 阅读 · 2 评论 -
antVue 多条可编辑表格时,输入第一行数据保存后,然后输入后面行的内容时第一行也跟着一起变问题
antVue 多条可编辑表格时,输入第一行数据保存后,然后输入后面行的内容时第一行也跟着一起变问题问题描述:在antVue中可编辑表格问题。表格中有多条可输入内容,但是在你输入第一条以后,再填写后面输入框的内容时,之前填写的内容也跟着一起改变问题问题原因:可编辑表格中,编辑每一行需要获取到每一行的行id,即record.id,这是如果你的行id为null就会出现这个问题。问题解决:如...原创 2019-09-14 17:03:58 · 1246 阅读 · 2 评论 -
ant vue中使用v-for循环生成下拉列表
ant vue中使用v-for循环生成下拉列表首先vue前端接收后端发过来的数组,然后在a-menu-item菜单中使用v-for进行循环遍历<a-dropdown :trigger="['click']" > <a class="ant-dropdown-link" href="#"> Click me <a-icon type="d...原创 2019-09-14 15:37:29 · 8033 阅读 · 0 评论