实现效果注意tree原生是，如果子集只选中了一个，父级是方块样式选中，而不是对号方式选中。最终获取的checkedKeys列表中是不会包含方块选中的父级id的，但是这对后端数据授权处理是不友好的。那么怎么然传到后端的checkedKeys包含上面所说的父级id呢。我想出了两个方案：1.就是tree是关联状态，即:checkStrictly="false"（tree默认就是这个可以不写），有关联时候
转载
2024-04-18 15:58:27
570阅读
主要用到了better-xlsx和file-saver两个库
原创
2022-01-14 11:33:26
325阅读
主要用到了better-xlsx和file-saver两个库 yarn addbetter-xlsx file-saverimport { File } from 'better-xlsx';import { saveAs } from 'file-saver';function ExportExcel(column, dataSource, fileName = 'example') { // 新建工作谱 const file = new File(); // 新建表...
原创
2021-07-09 16:40:22
246阅读
首先创建一个vue项目，不懂得可以看页面创建vue项目 或者npm创建vue项目第一步：修改配置vue.config.js创建成功后的项目配置为/**
* 简单页面使用配置
*/
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies
转载
2024-09-27 13:28:33
116阅读
Ant D vue 用的人是真少。
原创
2023-03-04 11:39:47
470阅读
在使用
antdv 进行中文化的时候报错：Warning: [
antdv: LocaleProvider] 'LocaleProvider' is deprecated. Please use 'locale' with 'ConfigProvider' instead。<template>
<a-locale-provider :locale="locale">
转载
2021-01-21 10:00:41
1966阅读
2评论
今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。全文大纲Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库Vant 3.0 有赞前端团队开源的移动端组件库Element Plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库Ant-
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
写的小程序项目，需要一个相对应的后台管理系统来对其中一部分资源进行管理，所以衍生了这个后台管理系统项目。由于时间紧迫，内容也不是特别多，于是决定使用市面上现成的 vue 后台项目模板。用的比较多的是 vue-element-admin，一方面想试试新一点的技术 vue3.0，另一方面是因为业务线其他项目都用的 react + antd，个人也比较喜欢 antd ，所以想试试 an
转载
2021-01-16 19:10:11
2260阅读
2评论
先看看效果 代码 helper.js export const dataSource = [ { key: "1", name: "张三", age: 32, address: "西湖区湖底公园1号" }, { key: "2", name: "胡彦祖", age: 42, address: "西湖 ...
转载
2021-07-12 15:48:00
786阅读
2评论
记录一下最近项目所用到的技术React + Dva + Antd + umi ，以免忘记。之前没有用过它们其中一个，也是慢慢摸索，了解数据整个流程。先了解下概念React 不多说，3大框架之一；Dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：“dva 是 react 和 redux 的最佳实践”。现在已经有了自己的官网 http
Vuetify学习（安装和配置）Vuetify安装1. 不同的安装办法2. 在main.js中引入Vuetify全局配置1. index.js文件配置2. 主题配置Vuetidy预设 Vuetify安装1. 不同的安装办法Vuetify官方推荐使用vue add命令安装// 前提是已经运行vue create进行初始化项目，并且一定要cd到项目文件夹下
vue add vuetify此方法适用于
转载
2024-08-16 22:55:38
122阅读
antdv 清除指定字段验证： this.$refs['ruleForm'].fields.forEach(filed => { if(filed.prop == "meterInfo"){ filed.clearValidate() } }); ...
转载
2021-09-15 13:58:00
2612阅读
2评论
背景ant design pro v2的项目需要多页签显示页面而且还需要页面能够缓存下来。多页面展示不同数据会对应不同的详情页面代码里面的路由跳转可以正常进行页面切换页签可以关闭 主要设计这里主要是考虑多页面+缓存问题。这里是借用了ant tabs标签的缓存作用。tabs的多页面只是显示和隐藏，组件本身还存在。路由这一块，其实路由目前的基本使用页面只是会渲染当前匹配成功的路由
ant design pro of Vue版本登陆权限这是原始篇也是最好理解并且根据各自接口需求改方法，总结就是登陆的时候把角色权限id传到permission.js做匹配，然后vuex进行拦截匹配对应菜单结结尾附带路由文件代码。 1.第一步配置接口 注释main.js里mock.jsdevServer: {
// development server port 8000
port
转载
2024-04-29 19:06:07
87阅读
一、简介 在使用 ant-design-vue 时，需要修改一下全局的主题颜色，按照官方的配置流程配置失败，应该是版本问题。 二、安装 antdv 安装 ant-design-vue $ npm i --save ant-design-vue main.js 中配置，完整引入 import Vue ...
转载
2021-09-27 09:39:00
1279阅读
2评论
在子组件定义slot位置<slot name="statistics"></slot> 在父组件自定义插槽展示内容 ...
转载
2021-07-29 09:32:00
2027阅读
2评论
antd简介antd 是蚂蚁金服推出的一套非常好的React UI库,使用起来特别方便,而且也推出了Antd手机端库,同时还推出了vue的使用方式如果没有按需加载,我们如果想要使用一个标签,比如Button,需要导入js和css文件,使用起来不是很方便,而且还会造成性能上面的一个下降,先来看一下正常版本的使用import React from 'react';
import {
Button
vue 生成 dom组件(vue-virtual-table)Vue table component with virtual dom and easy api. 具有虚拟dom和简单api的Vue表组件。 Keep smooth when the data reachs thousands of rows or even more. 当数据达到数千行甚至更多时，请保持平滑。 Easy to us
在使用 `antdv` 和 `axios` 下载响应时，我遇到了不少的挑战，尤其是在确保文件可以正常下载并且与用户的预期一致方面。在这篇博文中，我将详细描述这一过程的背景、发生的错误现象、根本原因分析、解决方案，并给出如何验证和优化的策略。
### 问题背景
在最近的开发任务中，我需要为项目提供文件下载功能。这一功能的实现直接影响到用户体验，因此非常关键。不论是文档下载还是数据报表的导出，稳定
