接口axios vue all
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 ......
pageoffice 6 Vue+Springboot磁盘路径打开文档
- 本示例关键代码的编写位置 [Vue+Springboot](https://www.pageoffice.cn/pages/f76d87/ "Vue+Springboot") **注意 本文中展示的代码均为关键代码，复制粘贴到您的项目中，按照实际的情况，例如文档路径，用户名等做适当修改即可使用。 ......
接口参数在线查询 - 方便快捷的查看接口参数和返回值
随着互联网的发展，越来越多的企业开始构建自己的API接口。而随着API接口的增多，调用者需要了解API的参数和返回值，这时我们就需要一种方便快捷的查询方式。本文将介绍一种以接口参数在线查询为核心的方式，同时以银行三要素验证接口为例，展示如何实现接口参数在线查询。 一、什么是API接口 API（App ......
问题（Uncaught ReferenceError: vue is not defined）和解决方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
Vue+Elemnt-UI遍历生成form-item并为其绑定校验规则
需求：接口获取数据，动态渲染表单（文本框类型，内容，标签，是否必填） 参照博主：blog.csdn.net/qq_33769914/article/details/122449601 遇到的问题：1.通过对单个item绑定的校验规则不生效（表现为：不弹提示，或填了内容依旧提示） 2.提示出现后通过c ......
接口自动化测试
##接口测试基础 ###1 认识接口测试 ####1、接口测试 - 接口：系统之间数据交互的通道。 - 硬件接口 - 软件接口 - 接口测试：基于不同的输入参数，校验接口响应数据与预期数据是否一致。 - 接口测试需要学 1.接口测试用例设计 2.工具实现接口测试 3.代码实现接口测试 ![image ......
VUE2+Swiper（H5邀请函开发）
#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架
# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
vue3 甘特图（一）：选择与初始化甘特图
vue3 甘特图（一） 1.功能使用背景： 甘特图是一种项目管理工具，以图形直观的方式显示项目的时间轴和任务计划 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 npm install dhtmlx-gantt -save 2.2 引入插件 import ......
jmeter完成文件上传接口
前提：测试项目中有一个上传本地文件（excel）测被测接口。 测试工具：jmeter 协议：http 测试项目如下图： 第一步：点击模板上传，选择本地excel文件 第二步：上传成功，系统识别excel内的信息，F12上传接口如下 第三步：点击 view source，获取关键信息，和请求头信息 第 ......
当vue的el-dialog弹窗出现层级问题时，加个:append-to-body="true"
1、当dialog弹窗出现在遮罩层下面时，如这种情况： 2、解决办法就是，加个:append-to-body="true" 属性，效果如下： 。 ......
数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
node、npm版本升级，同时解决升级后vue项目运行报错
升级node和npm 1、首先，需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看： node -v 2、如果当前版本较旧，可以考虑升级到最新版本。可以访问Node.js官方网站（https://nodejs.org/）下载最新的Node.js安装包。 不想下载最新的版本， ......
vue存储库-----pinia
# vue存储库 pinia和vuex ### pinia与vuex的区别 （1）pinia它没有`mutation`,他只有state，getters，action【同步、异步】使用他来修改state数 （2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 （3） ......
Python API接口对接详解与实践
在数字化时代，数据交互已经成为各种应用的必备功能。API（应用程序编程接口）就是实现不同应用程序之间数据交互的一种方式。Python作为一种功能强大的编程语言，也提供了许多用于对接API的库和框架。本文将详细介绍如何使用Python对接API，并附有实践代码。 一、API基础介绍 API，即应用 ......
vue3中使用swiper的完整版教程
在 vue3 中使用 swiper, 实现轮播图的效果；如果组件样式等模块引入不当，很有可能导致，页面无效果；或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件； 在main.js里使用样式文件，如下所示： 注意需要安装：npm instal ......
npm install安装vue-element-admin报错
## 报错信息 ``` npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git. ......
vue-treeselect的组件使用
一 先通过npm 安装 vue-treeselect 二 页面中引入,声明组件 三 页面使用 data中的数据 最终效果图 ......
Vue3 使用重点记录
节选于教程: Vue3 入门指南与实战案例 1.响应式API 1.1 ref Ref 对象的值的读取，切记！必须通过 .value 例子: // 读取一个字符串 const msg: string = 'Hello World!' console.log(msg) // 读取一个数组 const u ......
C++读取调用接口返回的json数据
1、引入头文件 #include <boost/property_tree/ptree.hpp> #include <boost/property_tree/json_parser.hpp> View Code 2、读取json数据方法，http请求中的chunked传输数据会返回数据的长度，在最后 ......
vue项目切换语言方法
随便打开一个网页 右键 - 审查元素 粘贴入以下代码： var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas ......
delphi泛型实现的接口
delphi泛型实现的接口 type TRest<T: record> = record resource: string; where: string; function select: T; procedure insert(const aRecord: T); procedure update ......
vue3探索——组件通信之依赖注入
# 背景 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 **props**。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去，这会非常麻烦： ! ......
vue
第一课 第一件事情：课程前言 学习内容规划： 框架概述 前言复习 前端框架 页面+数据库业务实战 第二件事情：前段框架 1.为什么需要前端框架？ 当前前端开发的状态 前端基础语言： html：构建页面内容结构 css：美化和布局页面内容 Javascript：提供交互能力和动态 三者整合就是我们看到 ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
Vue+Element ，如何给一个表单设置自定义规则或多个验证规则
> 依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题：表单中某个选择器的值不同，控制着下面表单内容是否显示。放图： ![](https://img2023.cnblogs.com/blog/1798914/202308/1798914-20230830201404126-1 ......
Django+Vue+Websocket+宝塔的部署历程
#### 必须得吐槽一下CSDN，两三页的搜索内容都是抄来抄去的，而且内容都是过时不适用的，真不知道意义何在. ## 本文章环境版本如下 + Python 3.10 + Django 3.2.3 + Vue3 ### 注:本文为腾讯云服务器一键部署的宝塔环境，所以本文不涉及宝塔的安装步骤，可以自行找 ......
Vue报错 Error in destroyed hook: "TypeError: xxx is not a function”
## 问题 将项目npm run build打包以后，进入项目本地文件夹dist，打开index.html，页面空白并且报如下错误 ![image](https://img2023.cnblogs.com/blog/2911541/202308/2911541-20230830192813812-7 ......