接口axios vue all

vue3 css ts 双重弹跳加载动画

/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
动画 vue3 vue css ts

vue学习记录 3

近日笔记简写。 功能实现汇总 页面循环次数创建控件:制作一个11行11列的表格,用v-for实现。 <table> <tr v-for="index_y in 11" :key="index_y"> <td colspan="1" v-for="index_x in 11" :key="index_ ......
vue

拼多多API接口商品详情数据说明

电商API的数据类型 电商API提供的数据种类多样,一般可分为以下几类: 1.商品数据:商品ID、商品名称、商品价格、库存、属性、轮番图等。 2.交易数据:订单号、付款时间、收货人等。 3.店铺数据:店铺ID、店铺名称、开店时间、店铺评分等。 4.营销数据:促销信息、优惠券信息、秒杀活动等。 常见的 ......
接口 详情 商品 数据 API

2023-06-14 记录一下vue组件如何调用App.vue里面的方法(代码来至chatGpt)

可以通过在子组件中使用 `$emit` 方法来触发 App.vue 中的方法。具体步骤如下: 1. 在 App.vue 中定义一个方法 ```vue ``` 2. 在子组件中使用 `$emit` 方法触发该方法 ```vue ``` 3. 在父组件中监听该事件,并调用相应的方法 ```vue ``` ......
组件 vue chatGpt 代码 方法

直播源码开发,vue 简单的tab切换滑动效果

直播源码开发,vue 简单的tab切换滑动效果 js部分: 利用computed属性计算位移距离 data() { return { value: '0' }; }, computed: { sty() { let num = Number(this.value) * 100 return `tra ......
源码 效果 vue tab

直播平台软件开发,Vue上拉框显示隐藏动画

直播平台软件开发,Vue上拉框显示隐藏动画 css简单布局 .picker { height: 300px; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 2020; overflow-y: ......
软件开发 动画 平台 软件 Vue

vue3对于ref和reactive类型数据监听的区别

总结:1、对于ref类型的数据进行监听,不能使用 ()=>字段名,的方法,而是采用直接写值进行监听,案例见方式一和方式二2、对于reactive类型的数据进行监听,不要使用直接写属性名的方式监听:watch(属性名,(newVal, oldVal)=>{}),因为这种方式虽说可以执行函数,但却监听不 ......
reactive 类型 数据 vue3 vue

从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架

本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
脚手架 组件 Vue3 Vue Cli

vue watch deep 用法

### 简单案例 ``` watch deep obj:{{obj}} 调用watch次数:{{times}} 改变对象 ``` ![](https://img2023.cnblogs.com/blog/1202393/202306/1202393-20230614131230156-5873063 ......
watch deep vue

Vue3中循环任务优化方案

# 需求 在使用循环任务时,往往需要使用到`setInterval`方法。其接受三个参数,分别是 1.具体执行的函数 2.执行时间间隔 3.传递个函数的参数,并返回一个id,后续可以使用这个id来停止循环的执行。具体的使用可以[查阅MDN](https://developer.mozilla.org ......
任务 方案 Vue3 Vue

调用别人接口模版

需求场景:很多时候需要调用一些外部接口,但是如果外部接口报错,不能影响我们正常的代码运行,所以要对一些基本异常情况做一些判断。 实现: 假设现在有一个请求 HttpResponse execute = HttpRequest.post(url).headerMap(headers, true).co ......
模版 接口

vue 中使用 rem 后元素最终大小的计算和转换?

1.如果项目引入了rem,那么默认的html元素的font-size大小被设置为 html 元素样式中的 font-size 会被设置为 clientWidth/10 + "px",此值可以自己修改2.1rem 将等于 html 的 font-size 的大小3.如果一个元素用px作为单位设置,那将 ......
元素 大小 vue rem

ant design-vue的table表格添加rowkey的三种方式

项目场景: 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析: 未按照组件要求添加key 属性作为唯一的标识。 解决方案: 方法1::rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t ......
design-vue 表格 方式 design rowkey

案例4 基于Excel的接口测试框架

## 简单版 读取以下格式excel(仅第一张Sheet), 逐个发送接口,断言接口返回200, 并将状态及错误信息写回Excel ![](https://img2023.cnblogs.com/blog/1064540/202306/1064540-20230614111153821-942898 ......
框架 接口 案例 Excel

vue watch immediate方法用法

* 通过`immediate` 选项,我们可以第一次监听时就执行回调函数,以便进行一些初始化操作. * 注意: 如果我们监听的事一个对象或数组类型数据,那么`immediate` 选项只会在实例初始化时执行一次回调操作,而不是在对象或数组内部数据变化时重新执行回调函数。 * 如果需要在内部数据变化时 ......
immediate 方法 watch vue

转:Vue项目解决跨域

Vue项目解决跨域 使用vue配置代理服务器解决跨域连接 Vue·修改启动端口 ......
项目 Vue

Vue-router跳转和location.href有什么区别

vue-router使用pushStat进行路由更新,不刷新页面,静态跳转; 使用diff算法,按需加载,减少dom操作, 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转,简单方便,但是刷新了页面; 不同页面间跳转 可 ......
Vue-router location router href Vue

拼多多接口|api接口数据采集获取商品详情数据源代码Java演示

​ 拼多多提供了商品API,可以通过该API获取拼多多所有商品的详细信息,具体步骤如下: 申请开放平台接入。 注册获取apikey和apisecret,调用API时需提供。 调用拼多多API,获取商品详情。 请求参数: 参数说明 通用参数说明 version:API版本 key:调用key,测试ke ......
接口 数据 数据采集 源代码 详情

virtualBox 报VT-x is disabled in the BIOS for both all CPU modes (VERR_VMX_MSR_ALL_VMX_DI的错误

背景:主机是ASUS主板 操作系统是deepin20.0系统,需要安装win10,下载virtual box和win10镜像iso,virtualbox设置完后,启动win10,virtualbox报错VT-x is disabled in the BIOS for both all CPU mod ......

Vue中的key

【key 是为 Vue 中 虚拟节点 的唯一标记,通过这个 key,diff 操作可以更准确、更快速】 (1)第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候,如果切换前后含有相同类型的 ......
Vue key

vue记录滚动位置

# 1.目的 列表页进入详情页时缓存并记录滚动位置,返回列表页面不重新请求数据并滚动到离开时的位置 # 2.实现 ## 2.1.单页面 不管是浏览器前后退 还是router-link前后退都生效 ``` ``` ``` // 滚动位置 let scrollTop = 0; onActivated(( ......
位置 vue

vue事件总线

//事件总线: 类似于单独对于一个功能的处理。组件间通信的方式;适用于任意组件间通信 // export default{ // //监控事件 // $on(eventName,handler){ // if(!listeners[eventName]){ // listeners[eventNam ......
总线 事件 vue

vue实现子父组件之间通信

<template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di ......
组件 之间 vue

axios-基于axios get和axios post发起请求

```HTML 发起POST请求 发起GET请求 GET POST ``` ......
axios post get

常犯指数4颗星- 计算、集合、接口

# Java计算、集合、集合接口 ### 总是用不好数值计算、日期计算该怎么办 #### 用于精确计算的类BigDecimal ![image-20230613204514635](https://img2023.cnblogs.com/blog/1483664/202306/1483664-202 ......
接口 指数

axios-使用解构赋值

```HTML 发起POST请求 发起GET请求 ``` ......
axios

axios-结合async和await调用axios

```HTML 发起POST请求 ``` ......
axios async await

接口自动化学习

1、pytest要生成allure可以解析的测试结果文件 ①装pytest的allure插件。 pip install allure-pytest ②运行用例的时候生成结果文件: pytest --allure=相对于rootdir的目录 ③使用allure的命令生成报告:跳转到rootdir下,运 ......
接口

二次封装Axios完全体

import axios, { Axios } from "axios"; import type { AxiosRequestConfig } from "axios"; import { message } from "antd"; // 功能失败的错误原因 const authErrMessa ......
全体 Axios