接口axios vue all

vue2打包部署问题

本地部署 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, // devServer: { // open: true, ......
问题 vue2 vue

vue路由跳转后页面样式错乱,刷新一下又好了的问题

跳转页面 后输入框过大 解决 <style scoped > 加上scoped 分析 大概率是因为 vue加载组件的时候,会把所有组件的css全部加载到一起,而这个时候 样式是全局的, vue会偷懒不再渲染当前页面的样式 首先想到的是利用 scoped来解决,在 vue中引入了 scoped这个概念 ......
路由 样式 页面 问题 vue

vue 需要的loader

vue-loader vue-loader是一个加载器,它能够将.vue文件转换为JavaScript模块。因为.vue文件可以包含template、style和script三种类型的代码,vue-loader需要将它们分别处理。然后将它们组合在一起,生成一个JavaScript模块。 在Vue项目 ......
loader vue

vue2,vue3的优缺点

vue2: 优点:vue2比较成熟,所以具有比较完善的第三方的插件和库的支持,和技术资源的支持和解决方案d的社区等 缺点: 对ts语法的支持有限 vue2中difff算法遍历dom树的关系,优化程度较低 vue3: 优点: 引入一些高级的api 优化了diff算法,使得性能更好,包更小 对ts的语法 ......
优缺点 vue vue2 vue3

vue template的编译原理

vue template的编译原理就是vue框架底层对模板的编译过程,这个过程将最初的模板源码转换生成最终的语法抽象树(AST) 具体步骤如下: 模板编译器读入模板源码,将其词法分析成各个部分,这些部分包括html元素,vue指令,还有特殊属性等 AST 的gennerator组件将区分开的各个部分 ......
template 原理 vue

uni-app vue3 获取元素报错问题

关于uniapp中vue3使用uni.createSelectorQuery()时的this指向及查询结果说明_前端_谁凉了时光旧了少年-华为云开发者联盟 (csdn.net) ......
元素 uni-app 问题 vue3 uni

vue2项目使用vueAMap

npm install vue-amap -D 在main.js import VueAMap from "vue-amap"; Vue.use(VueAMap); VueAMap.initAMapApiLoader({ key: "高德地图的key", // 这里写你申请的高德地图的key plu ......
vueAMap 项目 vue2 vue

vue文件上传

单文件上传前端部分: <template> <br> <a-from label="上传文件"> <a-input type="file"></a-input> <a-button @click="upload" type="danger">上传</a-button> </a-from></temp ......
文件 vue

大屏展示技术栈:vue2+echarts+dataV

1.大屏搭建使用的是dataV组件http://datav.jiaminghi.com/guide,使用dataV组件有如下注意点: a.修改配置项config中data的值,需要重新赋值config b.修改dataV某些内置样式,他有个固定的类 2.登录界面动态背景,使用的是vanta.js V ......
大屏 echarts dataV 技术 vue2

ts + axios token无感刷新,及重新请求后页面不刷新问题

最近上班遇到的新需求,token无感刷新,参考了很多博客,也看了渡一老师的视频,功能是实现了,但是发现重新请求后页面数据没有更新遇到相同问题的先理清代码执行顺序和Promise,看看执行结果有没有resolve()出去。话不多说,直接上代码,因为自己封装的请求和大家的不一样,仅供参考无感刷新toke ......
页面 问题 axios token ts

让接口性能轻松翻倍之10条经验

https://blog.csdn.net/GL1765852966/article/details/124085140 第 1 条:串行改并行 将接口中非依赖的步骤由串行改为并行。通常咱们写接口是串行执行的,比如商品详情接口,如下 1、根据商品ID查询商品基本信息2、根据商品ID查询商品评论信息3 ......
接口 性能 经验

Vue 组件如何进行传值的?

1、父组件向子组件传递数据 父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数,父组件监听使用@(v-on)进行监听,然后进 ......
组件 Vue

vue实现文件上传

文件上传是web开发中一个常见的需求,Vue.js作为一款流行的前端框架,也提供了方便的方法来实现文件上传功能。在此,将详细讲解Vue.js如何实现文件上传。 首先,我们需要准备一个简单的html页面来接收上传文件。下面是示例代码: <div id="app"> <input type="file" ......
文件 vue

vue2实现动态侧边导航栏

router文件下index.js 来源http://blog.itpub.net/69978258/viewspace-2909200/ // index.ts import Vue from 'vue'; import VueRouter from 'vue-router'; import Lo ......
侧边 动态 vue2 vue

课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍

课程详情接口 # 思路一: 直接在之前写好的查询所有课程的视图类上,配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段,跟详情,不太对应(详情中要求拿出所有章节和课 ......
前端 课程 接口 详情 功能

Lock接口

......
接口 Lock

vue broadcast和dispatch

function broadcast(componentName, eventName, params) { this.$children.forEach((child) => { const name = child.$options.componentName; if (name compone ......
broadcast dispatch vue

Go 接口:nil接口为什么不等于nil?

Go 接口:nil接口为什么不等于nil? 本文主要内容:深入了解接口类型的运行时表示层。 目录Go 接口:nil接口为什么不等于nil?一、Go 接口的地位二、接口的静态特性与动态特性2.1 接口的静态特性与动态特性介绍2.2 “动静皆备”的特性的好处三、nil error 值 != nil四、接 ......
接口 nil Go

接口开放太麻烦?试试阿里云API网关吧

前言 我在多方合作时,系统间的交互是怎么做的?这篇文章中写过一些多方合作时接口的调用规则和例子,然而,接口开放所涉及的安全、权限、监控、流量控制等问题,可不是简简单单就可以解决的,这一般需要专业的开放平台来支撑。但为了开放几个接口就要做一个开放平台,实在是不合算。为此阿里云为了解决这类需求推出了一款 ......
网关 接口 麻烦 API

vue上传文件

以下是上传的组件库,需要更改接口 <template> <div class="upload-file"> <el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="file ......
文件 vue

vue3异步组件

父组件中,子组件的加载一般是按照先后顺序加载的,子组件加载后才会加载父组件。 一个页面的子组件很多,由于会先加载子组件,那么父组件可能会出现比较长的白屏等待时间 大型项目,可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件Vue 提供defineAsyncComponent方法: imp ......
组件 vue3 vue

封装 Vue 组件的过程?

组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发:效率低、难维护、复用性等问题 分析需求:确定业务需求,把页面中可以复用的结构,样式以及功能,单独抽离成一个文件,实现复用 具体步骤:使用 Vue.extend 方法创建一个组件,然后使用 Vue.compon ......
组件 过程 Vue

vue上传文件夹目录

在input上面添加webkitdirectory directory这两个属性就能开启选择目录模式 <input ref="fileIptRef" class="file-ipt" type="file" webkitdirectory directory multiple @change="ha ......
文件夹 文件 目录 vue

Vue-cli脚手架下载安装

注意:在下载安装该脚手架之前先安装配置好NodeJS以及镜像源,NodeJS详情可查询文章:NodeJS下载安装 1.cmd中输入以下指令: npm install -g @vue/cli 整个过程中会联网下载,会耗时几分钟。 确认是否安装成功: cmd中输入以下指令: vue --version ......
脚手架 Vue-cli Vue cli

vue 子组件改变父组件的值 实现双向绑定

自定义子组件中接受外部传过来的值,然后在子组件中显示,当子组件操作完成后,需要把修改后的值返回给父组件,这就需要实现父子组件间的数据双向绑定,实现双向绑定可以通过以下2种方式实现: 1.通过this.$emit("change",val)的方式将数据传递回去,然后在父组件中监听该方法并获取返回val ......
组件 双向 vue

VUE上传文件夹的三种解决方案

本文章向大家介绍VUE上传文件夹的三种解决方案,主要内容包括上传分步:、直接上代码、使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 ​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件 ......
文件夹 解决方案 文件 方案 VUE

Promiese.all返回的是一个promise对象,它的状态数据才是一个数组

Promiese.all返回的是一个promise对象. // __PROMISES__是一个promise数组 Promise.all(PROMISE).then(function(values){ // values 包含__PROMISE__里面各个阶段的数据 console.log(valu ......
数组 Promiese 对象 状态 promise

java lambda表达式、匿名类和接口

匿名类重写已有类的方法 这段代码,在AnonymousDemo内部创建了一个Polygon类的p1对象 但这个Polygon类内部的方法被重写了,是一个匿名类 内部类和外部类重名,重写了内部的方法 这个机制理解为继承,内部的Polygon继承了外部的Polygon类,重写了display方法,oly ......
表达式 接口 lambda java

vue-test4 -----插槽

<template> <!-- <Main class="cccc"/> <component-a/> --> <slot-demo> <template #header="slotProps"> <p>插槽标题-{{slotProps.msg}}</p> </template> <template ......
vue-test test vue

vue3中使用Pinia

Pinia 是一个用于 Vue 的状态管理库,类似 Vuex, 是 Vue 的另一种状态管理方案 三大核心:state(存储的值),getters(计算属性),actions也可支持同步(改变值的方法,支持同步和异步) npm install pinia@next or yarn add pinia ......
Pinia vue3 vue