
Ant design
拿这个考验干部
记录遇到过的问题和解决方案
展开
-
vue使用Ant design的a-tag事件@close的问题
<a-tag v-for="val in item.childs" :key="val.id" color="blue" closable @close="deleteLabelOrGroup(val.id)" > {{val.name}} </a-tag> a-tag在v-for的时候:key不能使用index 否则会出现一次删除两个标签的情况 ...原创 2022-02-10 13:57:00 · 1918 阅读 · 0 评论 -
vue使用Ant design的input输入框,去掉边框和获取焦点时的边框
vue使用Ant design的input输入框,去掉边框和获取焦点时的边框 /* 取消 多行文本框 伸缩效果 resize: none; */ /* 取消 多行文本框 边框 border: none; */ textarea.ant-input{ resize: none; border: none; } /* 取消 多行文本框 获取焦点的 边框 效果 */ textarea.ant-input:focus { border: none; box-sh原创 2021-12-30 11:18:23 · 5318 阅读 · 0 评论 -
vue+Ant design使用table分页的功能
vue+Ant design使用table分页的功能 <a-table :columns="columns" :data-source="data" :scroll="{ x: 1200,y:1000 }" :pagination="pagination" @change="tablePaginationChange" > </a-table> :pagination=“pagination” @change=“tablePaginatio原创 2021-10-09 10:52:23 · 1127 阅读 · 0 评论 -
vue+Ant design实现嵌套table(expandedRowKeys,expandIcon)
vue+Ant design实现嵌套table(expandedRowKeys,expandIcon) <a-table :columns="columns" :data-source="dataSource" :pagination="false" :expandIcon='expandFirstIcon' :expandedRowKeys.sync="firstExpandedRowKeys" > <!-- 第二层 table 数据 -->原创 2021-09-26 19:54:19 · 1777 阅读 · 1 评论 -
vue使用Ant design中的table点击行触发事件
vue使用Ant design中的table点击行触发事件 <a-table :columns="columns" :data-source="value" :pagination="false" rowKey="id" :customRow="rowClick" ></a-table> *********:customRow="rowClick"是重点 在data中定义 rowClick data(){ return{ co原创 2021-09-22 18:09:36 · 1487 阅读 · 0 评论