接口axios vue all
js vue中pdf与img互转
需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
java使用http工具类调用第三方接口
java使用http工具类调用第三方接口 一、所需maven依赖： <!--json依赖--> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.75</version ......
关于解决vue报错"Problems loading reference 'https://schemastore.azurewebsites.net/schemas/json/package.json': Unable to load schema from...
打开setting时会看到有一条三角形的警告信息 看问题描述：无法从该网站加载 解决方法： 打开设置，找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置： "json.sc ......
Vue3中的Pinia
什么是Pinia 官方文档：https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = re ......
直播系统源代码，vue二种方式根据条件判断显示不同样式
直播系统源代码，vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式，只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......
Python接口自动化项目----Anan
优点 本效果展示仅是整体样式功能，更详细的使用方法和优点，需要参考使用手册。 整体的优点包括： 1.测试接口的统一管理 2.支持多环境 3.测试报告展示 4.定时任务 5.支持代码驱动 6.便捷的交互式页面 7.支持根据业务的定制化操作 8.基于httprunner1.x，支持各种复杂情况下的接口测 ......
vue3 之 ArcoPro 后台管理系统
一、资料链接 Arco Design 的官网：https://arco.design/ Arco Design开箱的管理系统预览：https://vue-pro.arco.design/login vue3 项目创建的指南：https://arco.design/vue/docs/pro/start ......
vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......
vue axios all 接口全部成功之后进行其它操作
setSelf() { const arr: any = [] list?.forEach((item) => { const obj = { id: 1 } arr.push(obj) }) arr.push() return this.api?.set1Type(arr) // 调接口 }, s ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
echart 防止多次渲染 无数据时显示暂无数据 vue3
//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数组对比大小 vue3
let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
HTTP接口调用公用通道
class ZCL_RESTFUL_COMMON definition public final create public . public section. interfaces IF_HTTP_EXTENSION . protected section. private section. EN ......
我的vue cli安装
1 配置npm镜像仓库 npm config set registry https://registry.npm.taobao.org npm config set disturl Node.js Mirror ......
Vue购物车一些参考
1. 子组件给父子件传参 然后循环2 v -for = "(sel,selindex) in selectalls" 括号中间逗号3. 给数据的每个对象插入属性值 vm.$data.all.map(item => { vm.$set(item, 'selectNum', 0) vm.$set(ite ......
江科大STM32(3)：定时器（4）定时器的编码器接口
1.编码器接口简介 Encoder Interface 编码器接口 编码器接口可接收增量（正交）编码器的信号，根据编码器旋转产生的正交信号脉冲，自动控制CNT自增或自减，从而指示编码器的位置、旋转方向和旋转速度 每个高级定时器和通用定时器都拥有1个编码器接口 两个输入引脚借用了输入捕获的通道1和通道 ......
接口参数默认值的坑
先看接口 @GetMapping("/queryByPage/{pageNum}/{pageSize}") @ApiOperation("分页查询学生") public Result<Page<Student>> queryByPage(@RequestParam(required = true,d ......
Vue快速入门
Vue是一套用于构建用户界面的渐进式框架（可由简单到复杂进行使用）。 MVVM响应式编程模型，避免直接操作DOM，降低DOM操作的复杂性。 MVVM编程思想（数据与页面的双向绑定） ......
java接入百度翻译接口简单实现中译英
1.去官网开通标准版 https://api.fanyi.baidu.com/access/0/1 百度翻译开放平台 (baidu.com) 开通成功后，点击立即使用后的页面是这样子的 将APP ID和密钥复制下来，待会连接需要使用到 2.下载java包 百度翻译开放平台 (baidu.com) 下 ......
Java函数式接口再理解
Java函数式接口再理解 前言 这篇文章主要是我个人对函数式接口的再理解，若有理解偏差或考虑不周的地方，欢迎批评指出，共同进步！ 这里做下记录，以便日后遗忘查阅； 目录 目录Java函数式接口再理解前言目录一、什么是函数式接口① 概述② 一个标准的函数式接口③ 举例感受函数式接口的作用④ 控制台打印 ......
SAP PO 接口配置1：连通WebService-通过PO调用第三方接口
背景说明 SAP 通过 PO 中间件进行接口调用，调用外部接口。 外部接口可以用任意方式生成，常见的REST类型接口即可，关于如何使用python生成接口，其他章节另述。 本教程的前置条件，PO中已配置Business Systems，并与SAP环境连通。 1. 测试接口 这里以常见的post接口做 ......
vue 根据url来下载文件
服务端返回了一个pdf url ，直接点击变成了预览。 下载方式： let fileUrl = 'http://file地址替换成自己的'; let fileName = '文件下载时的文件名'; fetch(fileUrl) .then((response) => response.blob()) ......
通过.NET Core+Vue3 实现SignalR即时通讯功能
.NET Core 和 Vue3 结合使用 SignalR 可以实现强大的实时通讯功能，允许实时双向通信。在这个示例中，我们将详细说明如何创建一个简单的聊天应用程序，演示如何使用 .NET Core SignalR 后端和 Vue3 前端来实现实时通讯功能。 步骤1：准备工作 确保你已经安装了以下工 ......
大事件接口文档
大事件接口文档 大事件接口文档-V1.0 1. 用户相关接口 1.1 注册 1.1.1 基本信息 请求路径：/user/register 请求方式：POST 接口描述：该接口用于注册新用户 1.1.2 请求参数 请求参数格式：x-www-form-urlencoded 请求参数说明： 参数名称 说明 ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
axios(ajax)发送请求响应码200，但获取不到数据，无法加载响应数据: No datafound for resource with givenidentifier问题解决参考
问题截图： 没有响应数据 控制台报错 其实是由于浏览器的跨域资源共享（CORS）策略导致，前后端跨域请求是不行的。什么是域，看页面的url，比如https://www.baidu.com/下的网页都是属于baidu.com这个域。如果你是和我一样是从本地文件打开html的方式来调试ajax，那么一定 ......