接口axios vue all
vue学习一
<div id="app"> <p> {{ message.toUpperCase() }}</p> <p>{{ age > 18?'成年':'未成年' }}</p> <p>{{ friend.name }}</p> <a href="">{{ con }}</a> <div class="box" ......
vue学习二
<div id="app2"> <div v-html="msg"></div> </div> <script> const app2=new Vue({ el:'#app2', data:{ msg: '<a href="https://cn.bing.com/search?q=%E5%A4%A7 ......
vue-router.esm.js:2065 Uncaught (in promise) Error: Redirected when going from "/login?redirect=%2Fhome" to "/home" via a navigation guard.
原因: vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误; 真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行 当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此 ......
axios_axios的进度显示
在axios的配置中加入progressEvent // 1.获取基本数据(随笔数据, 文章数据, 评论数据, 阅读量) export const reqGetArticleBasicData = () => instance.get('/ajax/blogStats', { onDownloadP ......
vue:登录后跳转到之前要访问的页面(vue@3.3.4)
一,安装pinia liuhongdi@lhdpc:/data/vue/responsive$ npm -S install pinia 安装完成后查看已安装的版本: liuhongdi@lhdpc:/data/vue/responsive$ npm list pinia responsive@0. ......
vue:路由错误/404 not found(vue-router@4.2.4)
一,官方文档地址: https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html 二, 代码: 1,router配置 { path: '/:pathMatch(.*)*', name: 'NotFound',meta:{titl ......
接口与抽象类的区别
抽象类 抽象类是用来捕捉子类的通用特性的 。它不能被实例化,只能被用作子类的超类。抽象类是被用来创建继承层级里子类的模板。 接口 接口是抽象方法的集合。如果一个类实现了某个接口,那么它就继承了这个接口的抽象方法。这就像契约模式,如果实现了这个接口,那么就必须确保使用这些方法。接口只是一种形式,接口自 ......
搭建Springboot+Vue+Element的简单系统流程
今天研究了一下如何把Springboot+Mybatis和Vue+Element结合起来使用 详细写一篇博客来记录一下流程吧,因为途中发现了很多的问题 首先,创建Springboot项目,惯例添加依赖 <?xml version="1.0" encoding="UTF-8"?> <project x ......
vue中beforedistory应用
遇到一个问题,就是我在使用全局事件总线的时候发布了一个事件,然后在a组件里面这个时间会被触发一次,在b组件里面也会触发一次.这两个组件是平级组件不是嵌套组件.然后呢,在a组件触发完之后,我去了b组件,在b组件中触发相同时间的时候,a组件的逻辑和b组件的逻辑都执行了一次. 一开始我在想,他两都不在用一 ......
Vue扩展组件系列
注意日期范围都是要 日期/时间两种格式(date/datetime,默认值:date) 1、日期范围快选【当前日期-7天,当前日期】 近期三天、一个周、一个月、三个月、一年 v-model = { FieldName:'CTime', FieldValue:[]} 2、快速筛选2 截至日期【选择字段 ......
字节跳动前端技术博客水文点评 All In One
字节跳动前端技术博客水文点评 All In One
KPI / OKR 产物,不求甚解,没有深度
前端实现下载图片等文件资源 ......
在vue3中使用element-plus页面重置报ResizeObserver loop completed with undelivered notifications.
在main.js中 const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time ......
vue3 使用 i18n
安装 官网:https://vue-i18n.intlify.dev/api/general.html pnpm add vue-i18n@9 使用 // @/locale/index.ts import appConfig from "@/configure/app.config.ts"; imp ......
在 WebStorm 里调试 vue3 项目
官方说明:https://blog.jetbrains.com/webstorm/2018/01/working-with-vue-js-in-webstorm/#:~:text=We can debug our application,and start the debug session. 打开 ......
vue3 使用 pinia
安装 pinia 官网: https://pinia.vuejs.org/ pnpm add pinia 使用 新建 pinia 实例 // @/store/index.ts import {createPinia} from "pinia"; import useUserStore from "@ ......
vue3 使用 vue-router
安装 vue-router pnpm i vue-router 使用 vue-router 创建自己的 router // @/route/index.ts import {createRouter, createWebHashHistory} from 'vue-router' import ty ......
1小时学会Vue之VueRouter&Vuex 学习笔记
https://www.bilibili.com/video/BV1zF411R7cR/ 开发工具推荐 vue-devtool 地址 https://devtools.vuejs.org/guide/installation.html 一 router 动态路由 嵌套路由 编程式导航 导航守卫 二 ......
vue 数据data-uniapp
data 属性 data 必须声明为返回一个初始数据对象的函数(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 //正确用法,使用函数返回对象 data() { return { title: 'Hello' } } //错误 ......
vue2 指令- unaipp
指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 一些指令能够接收一个“参数”,在指令名称之后以冒号( : )表示。 v-bind 动态地绑定一个 ......
图解各种流行的网络协议 All In One
图解各种流行的网络协议 All In One Network protocols are standard methods of transferring data between two computers in a network. HTTP (HyperText Transfer Protoc ......
手撕Vue-构建Vue实例
前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例,Vue就会根据指定的区域和数据,去编译渲染这个区域,所以我们需要在自己编写的Vue实例中拿到数据和 ......
vue 学习笔记
https://www.bilibili.com/video/BV13m4y1Y7MD 安装 vue cli 1 安装 node.js 要求 node.js 12+版本, https://nodejs.org/zh-cn 首页下载安装lts版本,如果已安装就覆盖安装 vscode 终端或cmd中 输 ......
接口自动化测试
基于pytest和allure构建自动化测试框架与项目 框架目录结构 我们要构建一个自动化测试框架,就要以项目的概念来对项目中的所有代码文件进行划分目录和文件结构,需要设计一个合理的目录结构,以便与测试开发团队的其他人员的开发和测试,也便于项目的维护 设计的项目目录如下 根目录 ├── api # ......
Set接口
1.Set接口特点 Set接口是无序的 Set接口中的数据不允许重复 Set接口无法通过下标访问数据 查找慢,插入删除快(底层数据结构是哈希表和红黑树) Set集合使用equals()和hashCode()方法实现元素去重 2.HashSet特点: HashSet是Set接口的实现类 线程不安全 H ......
list接口
13.3.1 List接口的定义 public interface List<E> extends Collection<E> 13.3.2 List接口的常用子类 如果要使用List接口进行操作,就必须依靠子类实现对象的实例化操作,而在实际开发中 List 子接口有 ArrayList, Vect ......
vue3+vite+ elementplus项目部署到gitee pages并发布
1.在gitee上新建仓库 命名:demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......