Vue开发-语言吧

安装nvm node版本管理器的操作方法(vue2.x迁移vue3.x)

目录前言：Mac 安装nvm解决方案：前言： vue2.x项目迁移vue3.x，由于node使用版本不同，需要管理不同的node来满足项目需求...

阅读:44次

vue报错"vue-cli-service‘不是内部或外部命令,也不是...”的解决办法

问题描述项目执行npm run serve后报错产生原因（最大概率原因）由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错（其他出错情况，见下文扩展...

阅读:38次

Vue2 Element description组件列合并详解

目录前言一、首次尝试1.style的失败尝试2.DOM结构二、解决方案总结前言需求是description需要做成首行3列, 剩余行为4列, 额, 我说的是算上标签, 就像这样:...

阅读:31次

vue菜单栏自适应折叠功能示例

目录一、在使用了el-menu的页面下，通过watch监听宽度变化。1.在方法里面定义2.在watch上里面引用3.在data里定义变量二、在el-menu中定义:collapse=[isCollapse]，isCollapse为false是展开，为true是折...

阅读:38次

vue3的父传子问题(单项数据流)

目录vue3父传子(单项数据流)vue3 父子传参简单易懂父传子子传父vue3父传子(单项数据流)...

阅读:28次

图文详解Vue3没有代码提示问题的解决办法

在上一篇笔记中提到了Vue3+vite+Ts写代码过程中，出现的代码自动补全失效功能，今天来谈谈如何解决这个问题。...

阅读:36次

vue pdf二次封装解决无法显示中文问题方法详解

目录前言完整代码解决无法显示中文问题前言 vue-pdf 可以实现PDF文件在线预览并且支持分页。安装方式：npm install --save vue-pdf...

阅读:25次

vue elementui表格获取某行数据(slot-scope和selection-ch

效果图： 1.当写后台管理页面时，使用element ui里的table表格时，表格中有操作按钮，获取当前行的数据时，我们可以使用 slot-scope="scope"来获取。...

阅读:81次

Vue (Vuex)中 store 基本用法

store是一个管理状态，在vuex中使用。 import Vue from \'vue\' import Vuex from \'vuex\' Vue.use(Vuex)...

阅读:30次

element 实现导航栏收起展开功能及思路

目录element 导航栏收起展开实现思路PS：Vue结合element-ui实现导航菜单展开收缩小功能上篇文章介绍了vue使用ElementUI时导航栏默认展开功能的实现，今天介绍下element 导航栏收起展开功能的实现思路。...

阅读:29次

vue3 element-plus二次封装组件系列之伸缩菜单制作

目录1、效果 2、主要逻辑代码1、效果折叠效果--只剩图标展开效果--有图标有文字...

阅读:26次

vue多页面项目实现版本快照功能示例详解

目录背景需要解决的问题：实现思路：实现过程：文件保存：关键代码：背景...

阅读:27次

vue阻止重复请求实现示例详解

目录背景思路方式1-通过定时器做防抖处理(a)概述(b)代码(c)预览(d)存在的问题情况-在点击事件上做防抖情况-在接口方法做防抖方式2-通过取消ajax请求(a) 概述(b)原理原生ajax取消请求axios取消请求(c)代码步骤1-通过...

阅读:27次

VUEX 使用 mutations的两种方式

目录VUEX 使用 mutations第一种使用方式：第二种方式 mapMutationsPS：Vuex中mutations的用法VUEX 使用 mutations...

阅读:31次

Vue突然报错doesn‘t work properly without JavaScript en

突然报错未启用JavaScript 下午演示项目的时候突然给我整了一出JavaScript未启用，当场就把我整尴尬了；...

阅读:34次

iView UI FORM 动态添加表单项校验规则写法实例

目录IView UI 表单验证深入了解探究原理IView UI 表单验证深入了解在开发xxx需求中，有个交互是动态添加问题项，并需要做表单验证，在做动态表单验证的过程中遇到了问题，记录下这次是如何解决的。...

阅读:52次

vue项目刷新当前页面的三种方式(重载当前页面数据)

目录vue项目刷新当前页面的三种方式(重载当前页面数据)一、this.$router.go(0)二、location.reload()三、用provide / inject 组合PS:vue项目刷新当前页面的三种方法vue项目刷新当前页面的三种方式(重载当前页面数据...

阅读:37次

vue通过url方式展示PDF的几种方法

目录1.使用pdfjs-dist 插件，通过iframe标签显示 2.使用vue-pdf插件3.第三种方法使用了pdfjs-dist插件，通过url实现PDF转图片显示4.直接通过iframe标签总结最近vue项目中遇到预览pdf出现乱码问题，尝试了...

阅读:49次

vue跨窗口通信之新窗口调用父窗口方法实例

众所周知，在vue中bus等工具只能跨组件通信，如何实现跨窗口通信呢？场景如下，我们在A窗口中新开了B窗口，想在B窗口中调用A窗口的方法？...

阅读:36次

一篇Vue、React重点详解大全

目录Vue生命周期MVVM双向绑定原理虚拟domv-for为什么要用keynextTickv-show、v-if的区别vue单页面应用如何首页优化Vue 的父组件和子组件生命周期钩子执行顺序是什么Vue 中的 computed 是如何实现的React 不同之处vu...

阅读:29次

vue前端RSA加密java后端解密的方法实现

目录一、前言二、前端代码与用法三、后端代码与用法一、前言最近安全测试的总是测出安全漏洞来，让开发改。...

阅读:27次

Vue实现动态路由导航的示例

目录1、导航守卫二、功能展示三、原理四、功能实现⛵小结1、导航守卫...

阅读:30次

Vue-cli3中使用TS语法示例代码

目录ts有什么用？为什么用ts？1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写ts有什么用？...

阅读:24次

Vue2 中的数据劫持简写示例

目录package.json 相关依赖Webpack.config.js 配置文件public/index.html 文件内容全部文件目录结构实例一个模拟的 Vue 应用vue/index.js 文件主要是负责初始化内容initState方法核心文件vue/observer.jsvue/observ...

阅读:27次

vue3怎么数据监听watch/watchEffect

目录watch()函数watchEffect()函数watch 与 watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数,...

阅读:25次

vue项目登录成功拿到令牌跳转失败401无登录信息的解决

目录vue项目登录成功拿到令牌跳转失败401无登录信息问题原因vue项目登录处理token令牌问题总结vue项目登录成功拿到令牌跳转失败401无登录信息...

阅读:27次

vue+elementUI下拉框回显问题及解决方式

目录vue elementUI下拉框回显问题正确回显格式应该是这样而回显的确实这个值的idvue下拉框回显映射单选框多选框级联框总结vue elementUI下拉框回显问题...

阅读:52次

让ChatGPT解读Vue3源码过程解析

目录前言实战setup小结总结前言 ChatGPT 最近十分火爆，今天我也来让 ChatGPT 帮我阅读一下 Vue3 的源代码。...

阅读:27次

VUE使用ElementUI下拉框 @change事件数据不回显问题

目录使用ElementUI下拉框 @change事件数据不回显问题解决方案VUE下拉框数据及数据回显问题总结使用ElementUI下拉框 @change事件数据不回显...

阅读:34次

命令行CLI一键生成各种烦人的lint配置实例

目录前言create-lint-config使用现有功能源码解读TODO总结前言写一个前端工程，要配置特别多的配置文件，大量的配置文件让我们很烦心，占用了大量写代码的时间。...

阅读:30次

Vue.js中动态更改svg的相关属性详解

目录引言怎样将一个远程的svg图标资源"下载"到本地怎样更改svgdom结构里面的相关属性引言...

阅读:33次

ElementUI下拉框选择后不显示值问题及解决

目录ElementUI下拉框选择后不显示值解决elementUI下拉框value和label问题总结ElementUI下拉框选择后不显示值...

阅读:24次

webpack中的optimization配置示例详解

webpack配置optimization minimizerruntimeChunknoEmitOnErrorssplitChunks 主要就是根据不同的策略来分割打包出来的bundle。...

阅读:28次

vue之elementUi的el-select同时获取value和label的三种方式

目录一. 需求二. 方法1. 通过ref的形式（推荐）2. 通过字符串拼接的形式（推荐）3. 通过遍历的形式（不推荐）总结一. 需求...

阅读:55次

Vue 事件处理函数的绑定示例详解

目录正文Vue 的事件处理绑定事件修饰符按键修饰符Vue 为什么会在 HTML 中监听事件？正文...

阅读:27次

Vue3使用JSX的方法实例(笔记自用)

目录1. Vue3 中 JSX 的基本应用1.1 在 .vue 文件中使用 jsx1.2 .jsx文件格式2. JSX 和 template 的区别2.1 插值2.2 自定义组件2.3 属性和事件2.4 条件和循环 3. JSX 和 slot （体会 JSX 的优越性）总结 1...

阅读:33次

vue3自定义插件的作用场景及使用示例详解

目录插件的作用场景插件的定义（注册）插件的安装插件的使用插件中的Provide/inject插件的作用场景...

阅读:34次

Vue3.x+Element Plus仿制Acro Design简洁模式实现分页

开发中难免会遇到宽度很窄的列表需要使用分页器的情况，这时若使用Element Plus组件的分页器会导致分页器内容超出展示的区域，而Element Plus组件中目前没有Acro Design那样小巧的分页器（Arco Design Vue）如下图所...

阅读:29次

vue与django(drf)实现文件上传下载功能全过程

目录文件上传功能上传后端部分上传前端部分（vue添加vue.js和node.js，设置eslint）文件下载功能下载后端部分下载前端部分总结文件上传功能...

阅读:30次

Vue数据监听器watch和watchEffect的使用

目录watch()函数watchEffect()函数watch与watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数,...

阅读:27次

Vue实现用户没有登陆时,访问后自动跳转登录页面的实现思路

目录设计思路代码实现设计思路定义路由的时候配置属性，这里使用needLogin标记访问页面是否需要登录设置路由守卫，每个页面在跳转之前都要经过验证，校验用户信息是否存在，不存在跳转到登录页用户登录后将用...

阅读:37次

vue实现将自己网站(h5链接)分享到微信中形成小卡片的超详细教程

目录最新更新前言准备工作前端业务实现（超详细）后端代码实现（超详细）总结最新更新...

阅读:24次

el-input无法输入的问题和表单验证失败问题解决

目录1.el-input无法输入的问题原因1、el-input组件没有绑定双向响应式数据(v-model)原因2、组件嵌套太深还是该组件是一个坑(具体原因不清楚，只知道解决方法)解决方法的步骤2.表单验证失败的问题总结1.el-input无法...

阅读:29次

Vue3获取DOM节点的3种方式实例

目录1 .原生js获取 DOM 节点：2. vue2中获取当前组件的实例对象：3.vue3中获取当前组件的实例对象：总结1 .原生js获取 DOM 节点：...

阅读:36次

vue跳转页面常用的几种方法汇总

目录1：router-link跳转1.不带参数2.带params参数3.带query参数2：this.$router.push()1.不带参数2.query传参 3.params传参4.query和params区别3：this.$router.replace() 4：this.$router.go(n) ps...

阅读:37次

vue实现复制文字复制图片实例详解

目录正文方法复制文本复制图片正文复制文字和图片是我们经常会使用到的需求，我们这篇文章主要介绍使用navigator.clipboard.write()来实现复制文字和图片。不过这个属性是需要考虑浏览器的兼容性的，可以参考MDN...

阅读:30次

vue深拷贝的3种实现方式小结

目录1、通过递归方式实现深拷贝2、JSON.parse(JSON.stringify(obj))3、jQuery的extend方法实现深拷贝拓展阅读vue深拷贝的其他实现方式总结vue深拷贝的三种实现方式：1、通过递归方式实现深拷贝；2、JSON.parse(JSON...

阅读:44次

Vue中原生template标签失效如何解决

目录前言一、事件未绑定的原因二、如何处理原生template标签前言需要原生Javascript + three.js的数据标注平台加入Vue框架....

阅读:29次

Vue中nvm-windows的安装与使用教程(亲测)

目录Vue中nvm-windows的安装与使用扩展：vue版本控制器nvm安装使用教程1.nvm是什么2.为什么要使用nvm3.怎么使用nvmVue中nvm-windows的安装与使用...

阅读:41次

Vue Element UI 表单自定义校验规则及使用

目录一、表单效验规则的使用1、自定义效验规则介绍2、绑定效验方法3、添加效验4、效验判断5、清除效验规则二、常见表单效验规则（一）pattern验证（二）validator.js文件中常见的验证方法一、表单效验规...

阅读:51次

Vue开发最新更新教程及学习资料