今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。全文大纲Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库Vant 3.0 有赞前端团队开源的移动端组件库Element Plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库Ant-
记录一下最近项目所用到的技术React + Dva + Antd + umi ，以免忘记。之前没有用过它们其中一个，也是慢慢摸索，了解数据整个流程。先了解下概念React 不多说，3大框架之一；Dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：“dva 是 react 和 redux 的最佳实践”。现在已经有了自己的官网 http
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的多页面只是显示和隐藏，组件本身还存在。路由这一块，其实路由目前的基本使用页面只是会渲染当前匹配成功的路由
目录一、封装的意义二、封装的步骤三、render函数的使用四、页面展示五、完整代码六、antd中td内容换行处理七、'destroyInactiveTabPane' tabs切换时销毁其他tabs栏内容一、封装的意义 首先要明白封装的意义是什么？封装是为了让相同的代码不必多次重写，将其封装成组件，一次书写多处调用，大大提升代码的性能，因此在遇到有相同代码的情
转载
2024-10-13 21:25:03
146阅读
在使用 `antdv` 和 `axios` 下载响应时，我遇到了不少的挑战，尤其是在确保文件可以正常下载并且与用户的预期一致方面。在这篇博文中，我将详细描述这一过程的背景、发生的错误现象、根本原因分析、解决方案，并给出如何验证和优化的策略。
### 问题背景
在最近的开发任务中，我需要为项目提供文件下载功能。这一功能的实现直接影响到用户体验，因此非常关键。不论是文档下载还是数据报表的导出，稳定
在子组件定义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
实现效果注意tree原生是，如果子集只选中了一个，父级是方块样式选中，而不是对号方式选中。最终获取的checkedKeys列表中是不会包含方块选中的父级id的，但是这对后端数据授权处理是不友好的。那么怎么然传到后端的checkedKeys包含上面所说的父级id呢。我想出了两个方案：1.就是tree是关联状态，即:checkStrictly="false"（tree默认就是这个可以不写），有关联时候
转载
2024-04-18 15:58:27
570阅读
主要用到了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阅读
主要用到了better-xlsx和file-saver两个库
原创
2022-01-14 11:33:26
330阅读
前两天申请了专栏：开发环境微服务后台数据库前端写码敲字Android.net今早归类了几篇文章到专栏里，感觉到专栏很有必要有。按专栏阅读更方便！...
原创
2021-06-22 13:23:26
331阅读
在使用
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评论
由于所有的组件都继承自Ext.Component，因此在这里我们列出组件基类Component中的配置属性简单介绍。
配置属性名称类型简介allowDomMoveBoolean当渲染这个组件时是否允许移动Dom节点（默认值为true）。applyToMixed混合参数，表示把该组件应用指定的对象。参数可以是—节点的id，一个DOM节点或一个存在的元素或与之相对应的在document
# antdv axios响应拦截中路由跳转
在前端开发中，我们常常使用第三方库来提高开发效率和用户体验。其中，antdv是一个基于Ant Design的UI组件库，而axios则是一个常用的HTTP请求库。在实际开发中，我们经常需要根据后端接口的响应结果来进行相应的页面跳转，以满足用户的操作需求。本文将介绍如何在antdv中使用axios进行响应拦截，并实现路由跳转的功能。
## 安装和配置
原创
2023-12-05 06:52:53
139阅读
Test专栏单元测试是什么？为什么要做单元测试？集成测试是什么？为什么要做集成测试如何进行支付功能测试我的第一次埋点功能测试搞定H5测试，让你面试不再受虐！Face Recognitio...
转载
2022-05-27 17:55:36
95阅读
