vue.js
-
Vue框架背后的故事
文章目录 前言 Vue萌芽 Vue名字的由来 因着Vue免试进入Meteor Vue逐步完善 Taylor推荐Vue Vue因受质疑发布1.0 LinusBorg加入 萌生全职做V…
-
前端使用vue-pdf、pdf-lib、canvas 给PDF文件添加水印,并预览与下载
前端使用vue-pdf、pdf-lib 给pdf添加水印,并预览与下载 效果预览 使用第三方插件 安装依赖插件 import 导入依赖 预览添加水印的pdf 下载添加水印的pdf …
-
vue3中使用$forceUpdate
在vue2中直接 this.$forceUpdate() 在vue3中直接 import { getCurrentInstance } from “vue”; setup(){ /…
-
Vue3中操作dom的四种方式,建议收藏!!!
文章目录 前言 一、通过 ref 拿到 dom 的引用 适用场景 示例代码 二、通过父容器的 ref 遍历拿到 dom 引用 适用场景 示例代码 三、通过子组件 emit 传递 r…
-
Vue中实现路由跳转的三种方式详细分解
vue中实现路由跳转的三种方式 目录 vue中实现路由跳转的三种方式 一、使用vue-router 1.下载vue-router模块到当前工程 2.在main.js中引入Vue…
-
vue3.0 + element Plus点击按钮发送请求,添加loading加载状态
添加el-button 发送请求 设置isSending的初始值,在发送请求时修改isSending的值 const isSending = ref(false) //在按钮点击时…
-
< 每日小技巧: 基于Vue状态的过渡动画 – Transition 和 TransitionGroup>
》基于Vue状态的过渡动画 – Transition 和 TransitionGroup 👉 一、Vue Transition 简介 > Tran…
-
Cron在前端的使用,vue与element ui的vue-cron插件的使用及将定时任务cron表达式解析成中文
文章目录 vue-cron插件的使用 安装依赖 引用 Vue页面 去掉秒和年 定时任务cron解析成中文 该插件存在的一个缺陷 vue-cron插件的使用 安装依赖 执行下面npm…
-
Vue3中使用component :is 加载组件
1.不使用setup语法糖,这种方式和vue2差不多,is可以是个字符串 切换组件 import { ref } from ‘vue’ import Child1 from ‘./…
-
yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确 保路径正确,然后再试一次。 所在位置 行:1 字符: 1 + ya
这里写自定义目录标题 yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位…
-
vue2前端使用axios发起post请求,后端(springboot)拿不到值解决办法
一、错误回现(前后端错误演示) axios封装-我常用的请求头参数 application/json; charset=utf-8 页面登录请求-post 网络请求正常传入参数 后…
-
vue3 + axios 中断取消接口请求
前言 最近开发过程中,总是遇到想把正在请求的axios接口取消,这种情况有很多应用场景,举几个例子: 弹窗中接口请求返回图片,用于前端展示,接口还没返回数据,此时关闭弹窗,需要中断…
-
教程3 Vue3条件渲染指令(v-if、v-else、v-else-if、v-show、v-for)
一、新建项目 1、使用Vite创建Vue Typescript 项目(conditional-rendering ) npm create vite@latest 2、文件结构 3…
-
vue3父组件调用子组件的方法
东风vue3父组件调用子组件的方法是通过expose和ref来实现的,我们可以通过expose来控制父组件可以访问子组件那些的方法和对象,我们将通过setup api(组合式 ap…
-
vue项目使用websocket时报错: connection to ‘ws://…‘failed: Error in connection establish
报错如下,意思是连接到’ws://…’failed:连接建立错误; 解决方法: 1、首先报错时先看看请求接口有没有写错; 2、看需不需要(有没有)传递参…
