接口axios vue all

vue进行页面跳转样式丢失问题

问题:vue使用 this.$router.push 方法进行页面跳转时样式丢失,如下图,图一为正常页面,图二为跳转后的界面 解决方法:并非样式丢失,而是样式背覆盖了,去跳转的原界面样式中加入scope,跳转之后问题解决 ......
样式 页面 问题 vue

vue3 组件之间的传递

## 组合式API父子通信 ### 1. 父传子 > 基本思想 > 1. 父组件中给子组件绑定属性 > 2. 子组件内部通过props选项接收数据 > 父组件 ```vue 父组件 ``` > 子组件 ```vue 子组件 {{ msg }} ``` ![](https://img2023.cnbl ......
组件 之间 vue3 vue

API接口技术开发分享案例,拼多多获得搜索词推荐,接口支持高并发,PHP语言演示案例,支持对语言接入示例

​ 接口获取数据响应参数接入 pinduoduo.item_search_suggest-获得搜索词推荐 公共参数 名称 类型 必须 描述 key String 是 调用key(必须以GET方式拼接在URL中) secret String 是 调用密钥 api_name String 是 API接口 ......
接口 案例 语言 示例 技术开发

java--类单继承多实现,接口多继承

继承是从已有的类中派生出新的类,新的类能吸收已有类的数据属性和行为,并能扩展新的能力。 java继承分为: 单继承:一个子类最多只能有一个父类。 多继承:一个子类有两个以上的父类。一个接口可以继承多个类,一个类可以实现多个接口。 为什么说类是单继承的? 1、java的类只支持单继承,因为多继承会带来 ......
接口 java

如何对接接口?

我们在开发系统中不可避免是需要和第三方接口做对接和联调,那么如何快速高质量完成接口对接呢?需要掌握那些方法和技巧呢?接下来我从以下几方面入手帮助大家学习如何对接接口。 1. 理解什么是接口 2. http的请求过程 3. 请求工具的使用 一、什么是接口? 如果你去直接百度“什么接口?”,那么你搜到的 ......
接口

深入探究API接口

作为程序员,我们经常会遇到需要获取外部数据或调用外部服务的情况。而API(Application Programming Interface,应用程序编程接口)接口就是这样的一种机制,它允许我们的应用程序与其他应用程序进行交互。在本文中,我们将深入探究API接口,了解其定义、类型、使用场景,以及常见 ......
接口 API

老杜 JavaWeb 讲解(十) —— HttpServletRequest接口源码分析

## (十二)HttpServletRequest接口源码分析 **对应视频:** > [21-HttpServletRequest接口](https://www.bilibili.com/video/BV1Z3411C7NZ?p=22&vd_source=d0ace4d790d5d2f0d4782 ......
HttpServletRequest 源码 接口 JavaWeb

vue 实现自定义主题切换+日夜切换

此处只参考 修改主题色, 日夜模式参考elep官网 function gradientColor(this: any, startColor: any, endColor: any, step: any) { let startRGB = gradientColor.prototype.colorR ......
日夜 主题 vue

Vue2的安装

Vue 的安装根据需求分为 script标签引入 与 npm命令创建项目。 1. script 引入 用途:用于不改动老项目源代码的二次开发。 使用方式:在html中嵌入vue.global.js的script标签的引入。 代码示范图: 2. npm 命令创建项目 前提:npm 是 Node.JS ......
Vue2 Vue

vue 使用document.execCommand失效

document.execCommand 当一个 HTML 文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进 ......
execCommand document vue

Vue 中处理跨层级组件通信

highlight: a11y-dark 对于A-B-C三个依此嵌套的组件,现在想把A的数据传递给C,C的事件被A捕获,可以这么实现: ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
层级 组件 Vue

vite+vue3+minio

之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2, web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错 一. 用vue2搭个项目,将minio通过require ......
minio vite vue3 vue

Apipost接口用例还能这么用?你也来试试!

在研发过程中,研发同学希望有一个独立的管理窗口能对调试完的接口进行自测,且不影响源接口数据。而测试同学则希望在做完测试后,可以把测试的数据给保存成测试用例,方便下一次测试的时候能够快速调用。 Apipost 接口用例功能就是为此而设计,在接口用例页面可以根据需求创建多个测试用例,创建的接口数据不会影 ......
接口 Apipost

vue 组件分享

应用场景是tab切换,上方显示五个标题,下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下: <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
组件 vue

视频融合平台EasyCVR接口调用正常,但快照不显示是什么原因?

EasyCVR平台兼容性强、拓展度高,可支持多协议、多类型设备接入,包括:国标GB28181、RTMP、RTSP/Onvif、海康Ehome、海康SDK、大华SDK、宇视SDK等。平台可分发RTMP、RTSP、HLS、HTTP-FLV、WS-FLV、WebRTC等格式的视频流,并支持H.264/H.... ......
快照 接口 原因 EasyCVR 平台

vue3使用component作为切换页面

文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
component 页面 vue3 vue

Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE

基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......

前端Vuer,请收好这份《Vue组件单元测试》宝典,给自己多一些安全感

大家好,我是 Kagol。 作为一名前端,在做业务开发的过程中,你是否曾经: - 因为担心上线之后出bug,而反复手工验证自己负责的模块 - 不敢修改现有的“屎山”(别人写的或者是自己1年前写的)代码,从而不断地编写if/else - 发现业务中有很多重复的代码,每次一改好多地方都要改,但又不敢... ......
前端 安全感 组件 单元 宝典

vue配置https

const path = require('path'); const fs = require('fs'); const https = require('https'); const options = { key: fs.readFileSync(path.join(__dirname, '. ......
https vue

Vue项目配置Https双向认证

访问双向认证的Https接口 本地运行设置 修改webpack配置 js const fs = require('fs') const options = { //客户端密钥 key: fs.readFileSync(path.join(__dirname, '../ca/key.pem')), / ......
双向 项目 Https Vue

Vue基础

### 创建实例 ```html {{ msg }} ``` ### 插值表达式 含义:vue的一种模板语法 作用:利用表达式进行插值渲染 语法:{{表达式}} 注意: 1. 使用的数据要存在 2. 支持的是表达式,不是语句if for 3. 不能在标签属性使用{{ }} ### 响应式特性 响应式 ......
基础 Vue

Vue3+Vue-Router+TypeScript+Vite+Element-Plus+Axios+Pinia快速搭建开发框架

### 1、环境准备 ##### (1) 首先你得需要安装node和npm ![image](https://img2023.cnblogs.com/blog/2045410/202307/2045410-20230702223307211-1008695934.png) ### 2、环境初始化 # ......

vue中视频播放组件的安装

1. 在terminal中输入 cnpm install vue-video-player 2. 安装完成后在main.js中进行配置 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(VueCoreVideoPlayer, ......
组件 视频 vue

Vue3项目中import 'vue-native-websocket'出现错误

问题一: 问题二: 两个都搞不懂为什么、、可能自己基础太差,试了几个网上的解决方案都不行。 故转换角度:直接用原生WebSocket 参考地址:前后端使用利用WebSocket进行通信_F3nGaoXS的博客-CSDN博客 唔,还是原生的香…… ......

vue3+vite+elementUI项目

开发环境 win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpmvue @vue/cli 5.0.4 安装软件 node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员Powe ......
elementUI 项目 vue3 vite vue

使用vue3、egg和SQLite开发通用管理后台系统

# 使用vue3、egg和SQLite开发通用管理后台系统 plaform是一个基于RBAC模型开发的后台管理系统,没有多余的功能。本项目是一个以学习为目的的后台项目,旨在让前端也能充分了解RBAC模型是如何设计的,不建议用于线上,因为未经过充分的测试。 项目地址:https://github.co ......
后台 SQLite 系统 vue3 vue

Vue3

一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version ......
Vue3 Vue

VUE 项目运行中途中断,VUE运行项目内存溢出问题解决办法

如下图报错:原因就是项目太大了。 解决方案: 第一步: npm install increase-memory-limit npm install cross-env 第二步: 在package.json文件中加入如下代码 "scripts": {"fix-memory-limit": "cross ......
项目 VUE 内存 办法 问题

JS将接口返回的base64加密后的文件流下载成pdf

function base64toPDF(data) { var bufferArray = base64ToArrayBuffer(data); var blobStore = new Blob([bufferArray], { type: "application/pdf" }); if (wi ......
接口 文件 base pdf 64

vue中加载pdf文件

vue中加载pdf文件 方案一: 直接调用事件即可 openPdf { window.open('/assets/BJBVerse.pdf') }, 方案二: npm install vue-pdf --save <template> <div> <pdf v-for="i in numPages" ......
文件 vue pdf