随笔分类 -  Ant design Vue

摘要:效果如下: 代码: 直接在modal里写,这里用了插槽~ 阅读全文
posted @ 2020-09-03 11:13 前端CodingPeasant 阅读(5463) 评论(0) 推荐(1)
摘要:model:表单数据对象 ref:用来给DOM元素或子组件注册引用信息(必须配置) prop:表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的 在methods里提供方法 btnCancel(){ this.$refs.formModel.re 阅读全文
posted @ 2020-08-25 14:14 前端CodingPeasant 阅读(6897) 评论(0) 推荐(0)
摘要:在写项目的时候,我用表格组件,发现按照官网的配置,多选框是固定不了的 经过一番研究,需要这样配置 阅读全文
posted @ 2020-08-24 09:29 前端CodingPeasant 阅读(2316) 评论(0) 推荐(0)
摘要:报错: Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.] warning.js?2149:7 Warning: [antdv 阅读全文
posted @ 2020-08-12 22:44 前端CodingPeasant 阅读(613) 评论(0) 推荐(0)
摘要:自带的分页器是这样的,比较简单,功能单一.那么如何写成我们想要的功能呢? 这边是改造之后的效果 具体的改造写法如下 1.表格代码 2.需要在data中提供 ipagination1, 3.在methods里提供事件 ant design vue中的表格中已经对数据处理了 阅读全文
posted @ 2020-08-12 14:47 前端CodingPeasant 阅读(4561) 评论(1) 推荐(0)
摘要:我做表格多选的时候,选中的时候没有勾勾,看个官网也没有弄明白, 研究了一会,发现原因了, 1.首先表格配置 2.data中定义 selectedRowKeys:[] 3.添加onSelectChange事件,需要赋值 this.selectedRowKeys = selectedRowKeys; s 阅读全文
posted @ 2020-08-07 12:02 前端CodingPeasant 阅读(1536) 评论(0) 推荐(0)
摘要:今天做个需求,需要多选,自己看了ant design vue官方文档才找出来怎么设置 多选/单选,checkbox / radio 阅读全文
posted @ 2020-07-23 16:22 前端CodingPeasant 阅读(5121) 评论(1) 推荐(0)
摘要:第一次使用这个ant-design-vue ui,当我在用表格组件的时候,发现每个表格自带分页器 这个自带的分页器功能单一,不好用,然后我就想怎么去除,下面就是代码实现去除自带分页器 <a-table :columns="columns" :data-source="data" :paginatio 阅读全文
posted @ 2020-06-24 14:36 前端CodingPeasant 阅读(7767) 评论(1) 推荐(1)