ant design vue爬坑日记
i_am_a_div_日积月累_
我本地没有问题啊!
展开
-
修改a-rate评分颜色;a-rate评分十分制
修改a-rate评分颜色;a-rate评分十分制原创 2023-11-08 13:56:29 · 372 阅读 · 0 评论 -
a-tooltip动态显示隐藏tip效果
a-tooltip动态显示隐藏tip效果原创 2023-04-24 15:11:07 · 710 阅读 · 0 评论 -
ant design vue中通知提醒框Notification的使用
效果:点击接口,出现提示弹框,数据获取到后在消失<template> <a-button type="primary" @click="openNotification"> Open the notification box </a-button></template><script>const close = () => { console.log( 'Notification was closed.原创 2020-11-19 15:26:23 · 6698 阅读 · 0 评论 -
修改ant design vue中的Icon图标颜色
直接行内式即可<a-icon type="file-text" style="color: rgba(28, 106, 235, 1)" />原创 2020-11-19 11:34:44 · 9445 阅读 · 0 评论 -
vue-axios下载文件流blob,ie下载报传递给系统调用的数据区域太小.ie文件流下载报错;文件下载失败将blob的错误信息转换成json格式
本次下载是后台文件流传输 前端下载 前端将拿到的多个下载id和名称downloadName放在了this.moreDownloadArr数组中当点击download下载按钮时候 for循环 一次下载多个download(){ console.log(22222222); for (let i = 0; i < this.moreDownloadArr.length; i++) { const element = this.moreDownloadArr[i]原创 2020-07-31 11:36:08 · 1799 阅读 · 0 评论 -
ant设置国际化设置为中文
app.vuemarn.js原创 2020-10-13 10:31:18 · 984 阅读 · 0 评论 -
自定义ant中table表格的展开图标 修改ant-vue-design中嵌套表格table的expandIcon自定义图标
效果:1.<a-table :expandIcon="expandIcon" :loading="loading" :columns="columns" :data-source="data" class="components-table-demo-nested" @change="onChangeTable" :scroll=原创 2020-09-16 15:28:37 · 9099 阅读 · 13 评论 -
ant中table表格的多选框如何清空
项目需求:表格前加一列多选框,可以做多选和提交,还可以在提交后、重置或者翻页后对多选框清空使用的组件是ant中下的可操作选择的table效果...主要思路是:在提交后、重置或者翻页后对多选框清空,this.selectedRowKeys = [];其中对于已同步的数据,按照正常来说,复选框应该置灰不可选的;但是我没有用table下的可选择复选框那个组件,我自己的办法是,点击选择的时候,会触发多选框的方法onSelectChange;自己手动将未同步的数据选..原创 2020-08-27 17:44:32 · 5255 阅读 · 0 评论 -
ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3
问题:使用vue-cli3更改ant的主题色时候报错:Inline JavaScript is not enabled. Is it set in your options?原因:我的问题是less-loader依赖包的版本为5.0.0,而官方要求必须是6.0.0; ERROR Failed to compile with 1 errors ..原创 2020-08-26 16:48:52 · 1743 阅读 · 0 评论 -
vue项目登录及token验证 vue-ant
<template> <div class="login"> <div class="logo"> <img :src="logoUrl" alt /> </div> <div class="welcome">WELCOME</div> <div class="platform">欢迎来到数据分发审计平台</div> <div clas原创 2020-08-25 16:02:29 · 1239 阅读 · 0 评论 -
vue如何引入ant部分组件
官网ant在marn.js下import Vue from 'vue';import { Button, message } from 'ant-design-vue';import App from './App';Vue.config.productionTip = false;/* v1.1.2 */Vue.component(Button.name, Button);Vue.component(Button.Group.name, Button.Group);/* v1.1.原创 2020-08-25 09:50:00 · 1377 阅读 · 0 评论 -
ant中的table行列不对齐问题,以及换行,隐藏等问题
1.如果表格只是设置了:scroll="{ x : 1550}",不设置y,那么表格行列是可以对齐的2.但是遇到需求想要将表头给固定掉,这时候就需要设置高度y,这时候就出现列不对齐的情况高度等于浏览器可视区减去一定的筛选部分高度此时列表行列不对齐3.这时候只需要将每一列设置宽度,余下其中一列 不设置宽度,同时将x宽度设置必列的宽度的总和还要大就可以了(大力出奇迹)...原创 2020-08-06 18:46:56 · 3221 阅读 · 0 评论 -
ant中的loading按钮使用
原创 2020-08-05 14:26:57 · 2594 阅读 · 1 评论 -
ant中的table和pagination表格分页结合使用 手写分页
表格部分 <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" class="components-table-demo-nested" @change="onChangeTable" :scroll="{ x:1600 ,y:500}" :paginat原创 2020-08-04 09:47:46 · 3125 阅读 · 0 评论 -
ant-design之form-重置表单多个值
重置form表单中的某一个值或者一次重置多个值 watch: { databaseType: function(curr, old) { this.getMyTableData = []; this.form.resetFields([ `databaseSource`, "databaseName", "tableName", "" ]); }, },...原创 2020-07-31 11:25:19 · 2592 阅读 · 0 评论 -
如何使antd中table表格不换行
.ant-table-thead > tr > th{white-space:nowrap;}.ant-table-row td{white-space:nowrap;}在对用的组件style加上上面代码原创 2020-07-31 11:17:27 · 7242 阅读 · 0 评论 -
解决ant design vue中的modal弹框样式修改无效问题 修改modal样式无效
ant design vue中的modal修改样式无效问题因为ant中的弹框样式是修改不了的 原因在于弹框modal被挂载在元素div外面里 所以需要将挂载在某个html元素上:getContainer="()=>$refs.ref"原创 2020-07-31 11:11:52 · 8263 阅读 · 3 评论