应用场景网站配置的导入与导出。当一个网站在测试服开发完成后上线到正式服，为了避免重复配置数据，采取代码的方式来减少一些不必要的人工操作。后台接口接收的是 json 格式而不是文件格式的时候，前端可以采用文件的形式来保存这些数据，在导入导出的时候做一下文件与数据之间的转换。导出 —— 数据写入文件保存导入 —— 文件上传，然后读取数据代码实现首先需要一个 上传文件的 input 框 和 两个按钮&l

版本：vue@3.0.5 + echarts@5.1.2本文将介绍如何使用 echarts 绘制一个省级地图（以江西省为例）

一、安装 xlsxnpm i xlsx --save-dev二、渲染 Table 表格< 1 > 使用 ant-design-vue 写一个基本的表格<template><div class="container"><a-buttontype="primary"@click="exportData">导出</a-button><a-

一、前言常见的表单验证是对 对象中 单个字段的验证，那如何对数组中的每一项做到验证呢，效果如下：二、实现首先需要准备好 form 数据和 rules 验证规则form: {member: [{ name: "", sex: "", age: "" }],},rules: {name: { required: true, message: "请输入姓名" },sex: { required: tru

前言resize 事件是在浏览器窗口大小发生变化时触发，利用该事件可以跟踪窗口大小的变化来动态调整页面的元素显示。接下来利用 resize 事件实现一个小案例：监听浏览器窗口变化，实时获取该窗口的宽度和高度。实现首先写一个获取窗口宽高的方法const getWindowInfo = () => {const windowInfo = {width: window.innerWidth,hig

前言resize 事件是在浏览器窗口大小发生变化时触发，利用该事件可以跟踪窗口大小的变化来动态调整页面的元素显示。接下来利用 resize 事件实现一个小案例：监听浏览器窗口变化，实时获取该窗口的宽度和高度。实现首先写一个获取窗口宽高的方法const getWindowInfo = () => {const windowInfo = {width: window.innerWidth,hig