![](https://img-blog.csdnimg.cn/2021040209371011.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Ant-Design-vue
Ant-Design-vue
_Peko_
这个作者很懒,什么都没留下…
展开
-
【ant-design-vue】 a-table的可编辑行使用
控件文档https://www.antdv.com/components/table-cn/#components-table-demo-editable-rows效果图代码<template> <a-table :columns="columns" :data-source="data" bordered> <template v-for="col in ['name', 'age', 'address']" ..原创 2021-11-04 10:28:35 · 4666 阅读 · 0 评论 -
vue-cli 中使用 ant-design-vue
安装ant-design-vue (npm)npm install ant-design-vue --save原创 2021-06-03 14:43:08 · 256 阅读 · 0 评论 -
【vue】 Vue中强制组件重新渲染的正确方法
背景我在写一个模态框的表单时,发现其中所写的下拉框的默认值只生效一次,比如说我默认值是A,然后我下拉选择B,但是我不提交,然后点击关闭模态框,这个时候应该是算我取消了这次的表单填写,当我下次再点击这个模块框出来时,它应该给我显示的下拉框的默认值为A,但是这里就出现了问题,下拉框的值是我上一次选择的B,也就是说这个下拉框并没有重新渲染,默认值只在页面第一次打开时生效解决强制这个组件重新渲染,在每次进入模态框时设置重新渲染,方法主要是给这个下拉框设置一个 :key<a-selec..原创 2021-03-30 14:27:36 · 2125 阅读 · 2 评论 -
【ant-design】 a-table的rowKey出现重复的问题
背景今天在使用ant-design的a-table发生了一件诡异的事情,a-table可以设置数据选中的样式(多选或者单选),我设置为单选的时候,偶然间发现了3条数据竟然是连在一起选中的 然后我右键检查标签,发现他们三条数据的row-key是一样的接着我看<a-table>中是怎么设置row-key的问题就在这,我的数据列中并没有id这个字段,我猜测这个是<a-table>自生成的(不管,先口胡一下。。)解决给r...原创 2021-01-29 16:42:58 · 4192 阅读 · 0 评论 -
【ant-design-vue】 a-table表头多出来一个空列
背景原因scroll 的 x 设置的长度太长了 <a-table ref="table" size="middle" bordered :columns="columns" :dataSource="dataSource" :pagination="ipagination" :loading="loading" .原创 2021-03-11 17:15:39 · 2819 阅读 · 3 评论 -
【ant-design-vue】 </a-card>导致模态框加载出错
背景使用 </a-card> 发现模态框加载出错。什么都没显示,而且父组件也收到影响 <a-card :bordered="false"> <a-modal title="" :width="width" :visible="visible" :confirmLoading="confirmLoading" @ok="handleCancel" okText="确定" @ca原创 2021-03-12 16:46:50 · 2224 阅读 · 0 评论 -
【ant-design-vue】 table表格显示多行数据
例如下面的代码中表示在个人信息栏显示两行数据名字:号码:<a-table :columns="columns"> <span class="level-assess" slot="mySlots" slot-scope="text,record"> 名字:{{record.name}} <br> 号码:{{record.number}} </span></a-table.原创 2021-03-24 09:19:59 · 4661 阅读 · 0 评论