93浏览

0评论

vue中的公共方法调用方式

目录vue公共方法调用（1）如果是全局（多页面）使用（2）如果是单页面使用vue如何封装和调用公共方法封装公共方法调用公共方法vue公共方法调用首先，在assets文件夹下，新建js文件夹，创建com...

• 2022-12-31

90浏览

0评论

vue如何实现接口统一管理

目录vue接口统一管理vue中api接口管理总结vue接口统一管理1.在src文件夹下面新建api文件夹，新建api.js// let apiUrl = 'http://192.168.8.134:8081';let apiUrl = '/apiapi'...

• 2022-12-31

101浏览

0评论

使用Vue3实现羊了个羊的算法

目录前言大纲在线演示初始化的随机位置算法检查是否被覆算法碰撞检测覆盖算法实现三连匹配算法队列区排序算法总结前言这两天社区很多羊了个羊的web实现，虽然各种实现花里花...

• 2022-12-31

96浏览

0评论

vue跳转后不记录历史记录的问题

目录vue跳转后不记录历史记录vue-router回退不记录历史场景说明处理方案其他api跳转vue跳转后不记录历史记录vue路由跳转一般情况下是使用push， this.$router.push({   ...

• 2022-12-31

79浏览

0评论

vue 全局引用公共的组件以及公共的JS文件问题

目录全局引用公共的组件及公共的JS文件全局引入自定义组件问题全局引用公共的组件及公共的JS文件1. 创建一个公共的目录 timeline ，里面包含 timeline.js 和 timeline.vue 文...

• 2022-12-31

190浏览

0评论

vue使用 vue-socket.io三种方式及踩坑实例解析

目录前言安装使用方式一 (官方用法)[全局挂载，不验证]使用方式二 (组件挂载使用)[可验证]使用方式三 (全局挂载使用)[可验证]使用方式推荐nodejs服务端本地demo代码总结前言v...

• 2022-12-31

84浏览

0评论

vue项目退出登录清除store数据的三种方法

目录方法一：（不友好，页面会白屏，不推荐使用）方法二 : (不会出现白屏,推荐使用)方法三 : vuex清除token (不会出现白屏,推荐使用)总结方法一：（不友好，页面会白屏，不推荐使用）在退出登录...

• 2022-12-31

88浏览

0评论

Vue2 中自定义图片懒加载指令 v-lazy实例详解

目录引言1.涉及到的主要知识讲解1.1 Vue2 中自定义指令1.1.1 指令对象的钩子函数1.1.2 钩子函数参数1.2 使用事件总线进行模块之间的通信1.3 使用到的 Web API1.3.1 Element...

• 2022-12-31

98浏览

0评论

vue使用keep-alive进行组件缓存方法详解(组件不缓存问题解决)

目录一、使用场景二、 认识下keep-alive三、在组件中应用四、解决组件不缓存问题五、keep-alive配合router使用总结一、使用场景在vue开发过程中（单页面），有一些需求需要我们把...

• 2022-12-31

93浏览

0评论

Vue3初探之ref、reactive以及改变数组的值

目录概况ref()reactive()vue3中改变数组的值总结概况Vue3 里要实现数据的响应式监听一共有两种方式既：ref 和 reactive他们既有区别又有联系。ref()ref数据响应式监听。ref...

• 2022-12-31

355浏览

0评论

在Vue使用$attrs实现构建高级组件

目录什么是 $attrsattrs V3 vs $attrs V2事例添加一些属性添加标题和值$attrs 救场inheritAttrs: false这节课，我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以...

• 2022-12-31

77浏览

0评论

vue3中使用ref语法糖的示例代码

自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。响应式对象存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感觉很繁琐，并...

• 2022-12-31

103浏览

0评论

vue 图片路径 “@/assets“ 报错问题及解决

目录问题解决为什么静态导入文件路径静态导入绝对路径动态导入相对路径动态导入绝对路径问题在更改背景图片时写的图片相对路径是这样的：由于@在webpack 被resolve.alias配置...

• 2022-12-31

99浏览

0评论

使用vNode实现给列表字段打标签

目录问题思路 实现1、过滤数据，需要打标签的采用jsx写法base.less 定义标签样式2、封装列表渲染组件3、封装渲染vNode的方法4、页面组件调用效果展示问题如何给列表数据打标...

• 2022-12-31

89浏览

0评论

关于Vue ui 的没反应、报错问题解决总结

目录Vue ui 的没反应、报错问题一、vue ui 启动出现的报错问题Vue ui无法启动项目管理器原因遇到版本低的解决方案没有ui功能的解决方法Vue ui 的没反应、报错问题一、vue u...

• 2022-12-31

99浏览

0评论

vue常用组件之confirm用法及说明

目录vue组件之confirmvue自定义confirm弹窗（全局组件）全局组件方式vue组件之confirm一些自带的方法，比如alert，confirm等，往往由于浏览器不同而展现出不同的样式，为了统一，我们可以...

• 2022-12-31

93浏览

0评论

Vue集成three.js并加载glb、gltf、FBX、json模型的场景分析

目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目，后面有个模块要通过three.js实现3D的场景，因为之前也没接触过3D这块，就提前学了一下，做个记录。先上几...

• 2022-12-31

94浏览

0评论

vue如何实现清空this.$route.query的值

目录如何清空this.$route.query的值mounteddestroyed改变this.$route.query中的数据如何清空this.$route.query的值mounted定义一个 localStorage 来判断当前是否是query携...

• 2022-12-31

62浏览

0评论

Vue.js中关于“{{}}”的用法

目录关于“{{}}”的用法Vue表达式{{}}中拼接字符关于“{{}}”的用法Vue.js核心库只关注视图层，而我们只需要注重数据的操作就好，通过接下来的学习会更深...

• 2022-12-31

164浏览

0评论

vue中的路由传值与重调本路由改变参数

目录一.vue路由传值方法一：（问号传值）方法二：query（此方法query的值会显示在地址栏中）方法三：params（此方法页面刷新数据会丢失）方法四：动态路由（此方法页码刷新数据不会丢失,推荐此方...

• 2022-12-31

77浏览

0评论

element-ui中el-input只输入数字(包括整数和小数)

需求是：输入框只能输入数字，包括整数和小数发现网上大部分文章的处理方式：通过正则来处理输入，对其合法性进行判断校验，再将提示信息反馈给用户。体验欠佳输入完成后进行解析，将字...

• 2022-12-31

111浏览

0评论

vue实现导出word文档功能实例(含多张图片)

目录一、实现效果 二、所需插件三、word文档模板 四、封装js 文件五、实现导出word文档总结一、实现效果 以填写并导出房屋出租审批表为例，首先填写表格相应内容后，点击" 导...

• 2022-12-31

326浏览

0评论

vue中i18n的安装与几种使用方式详解

目录vue中i18n安装项目中的使用使用方式 组件里使用使用方式js总结介绍 Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。vu...

• 2022-12-31

81浏览

0评论

vue element-plus中el-input修改边框border的方法

目录前提：Vue3 + element-plus;改变 el-input 在focus、blur、hover 状态下的border颜色有三种方法：总结 前提：Vue3 + element-plus;1、去除el-input 的边框：<el-input class="i...

• 2022-12-31

83浏览

0评论

axios库的核心代码解析及总结

目录一、关键步骤1.创建axios对象2.请求二、Axios类1.基础属性2.辅助方法3.request方法三、adpter适配器1.xhradpter2.httpadpter一、关键步骤1.创建axios对象axios库导出的...

• 2022-12-31

101浏览

0评论

vue3项目如何国际化实战指南

vue3项目如何国际化我们已经属性vue2 ，使用i18n ，进行国际化那vue3 我们如何配置 i18n 呢 ？配置Ⅰ、安装npm i vue-i18nⅡ、创建 il18n在src目录下，创建 i18n 文件夹，并在下面分...

• 2022-12-31

91浏览

0评论

Vuex拿到state中数据的3种方式与实例剖析

目录Ⅰ、Vuex 简介：1、Vuex 是什么？2、Vuex 的图例讲解：3、Vuex 的配置过程：Ⅱ、如何引入并使用 Vuex :Ⅲ、实例剖析在 App.vue 中使用 state 的过程：Ⅳ、小结：Ⅰ、Vuex 简介：1、Vu...

• 2022-12-31

101浏览

0评论

Vue中emit事件无法触发的问题及解决

目录Vue emit事件无法触发问题Vue中emit的使用vue子传父参数的方法共有两种 下列优先讲解下其emit的传输方法 Vue emit事件无法触发问题在父组件中定义事件监听，会出现无法触...

• 2022-12-31

82浏览

0评论

关于TypeScript的踩坑记录

目录用字符串做下标报错函数内使用this报错找不到模块XXX引入模块提示找不到声明文件(接上一个问题)JSON直接解析localStorage值报错初始加载的组件未命名，浏览器打开页面后...

• 2022-12-31

102浏览

0评论

Vue Router修改query参数url参数没有变化问题及解决

目录Router修改query参数url参数没有变化问题正常情况下就可以修改了vueRouter不切换url只修改query报错解决方案Router修改query参数url参数没有变化问题正常情况下this.$r...

• 2022-12-31

106浏览

0评论

vue-router如何实时动态替换路由参数(地址栏参数)

目录实时动态替换路由参数(地址栏参数)应用场景用法如下replace()和push() 的区别动态替换路由-Url参数安装webpack-merge引入包操作参数实时动态替换路由参数(地址栏参数)...

• 2022-12-31

91浏览

0评论

vue鼠标悬停事件监听实现方法

目录前言情景描述解决方法总结前言开发框架为 vue2.x情景描述需求是这样的：页面在鼠标悬停（不动）n秒之后，页面进行相应的事件。比如在我的需求下，是鼠标悬停15秒之后，页面上三个数...

• 2022-12-31

80浏览

0评论

Vue echarts模拟后端数据流程详解

目录KOA2的使用安装 Koaapp.js入口文件KOA2的使用KOA2是由Express 原班人马打造、环境依赖 Node v7.6.0 及以上、支持 async 和 await洋葱模型的中间件写响应函数(中间件)响...

• 2022-12-31

92浏览

0评论

Vue router的addRoute方法实现控制权限方法详解

目录路由分为静态路由和动态路由静态路由和动态路由的优缺点动态路由实现思路动态路由遇到的问题与解决方式路由分为静态路由和动态路由静态路由和动态路由的优缺点1、中大...

• 2022-12-31

100浏览

0评论

Vue实现docx、pdf格式文件在线预览功能

目录介绍docx安装使用PDF安装引入和使用pdf的放大和缩小多格式的文件渲染函数映射不支持的文件提示处理总结介绍在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务...

• 2022-12-31

94浏览

0评论

VUE引入腾讯地图并实现轨迹动画的详细步骤

目录效果：引入步骤：效果：引入步骤：在 html 中通过引入 script 标签加载API服务在一个盒子元素 div 中预先准备地图容器，并在CSS样式中定义地图(容器)显示大小创建并显示地图的代...

• 2022-12-31

89浏览

0评论

vue3中emit('update:modelValue')使用简单示例

父<template> <TestCom v-model="test1" v-model:test2="test2"></TestCom> <h1>{{test1}}测试1</h1> <h1>{{test2}}测试2</h1></template><script setup>import { ref,...

• 2022-12-31

89浏览

0评论

Vue 子组件传父组件 $emit更新属性方式

目录子组件传父组件 $emit更新属性效果图图下子组件向父组件使用自定义事件$emit传递数据无效的坑子级向父级传递—自定义事件重点来了！！！！子组件传父组件 $emit更新属性$e...

• 2022-12-31

194浏览

0评论

vue如何动态修改$router参数

目录vue动态修改$router参数动态修改router路由所带参数vue动态修改$router参数// 创建一个包含当前 URL 参数的对象export const getURLParameters = (url) =>  (url.matc...

• 2022-12-31

80浏览

0评论

vue中如何防止用户频繁点击按钮详解

目录1、在项目中遇到一个问题：2、解决办法3、具体实现：方法1步骤：方法2：方法三：总结1、在项目中遇到一个问题：当事件中的代码执行耗费时间，且用户在短时间不断点击按钮，造成短时间多...

• 2022-12-31

108浏览

0评论

vue-router路由跳转问题 replace

目录vue-router路由跳转replacevue router路由跳转方法概述一、概述二、跳转方法三、路由中params和query的区别vue-router路由跳转replace1.push 常用this.$router.push()2...

• 2022-12-31

81浏览

0评论

vue+el使用this.$confirm,不能阻断代码往下执行的解决

目录vue+el使用this.$confirm不能阻断代码往下执行具体解决后记使用this.$confirm换行显示提示信息这里我需要显示两行信息解释vue+el使用this.$confirm不能阻断代码往下执...

• 2022-12-31

81浏览

0评论

Vue ElementUI this.$confirm async await封装方式

目录Vue ElementUI this.$confirm async await封装改造前async await改造后Vue elementUI组件封装思路核心示例步骤Vue ElementUI this.$confirm async await封装this.$conf...

• 2022-12-31

75浏览

0评论

vue2+elementUI的el-tree的懒加载功能

lazy 属性为true 时生效
lazy ----> 是否懒加载子节点，需与 load 方法结合使用isLeaf可以提前告知 Tree 某个节点是否为叶子节点，从而避免在叶子节点前渲染下拉按钮。HTML部分...

• 2022-12-31

90浏览

0评论

Vue利用vue-baidu-map实现获取经纬度和搜索地址

目录1.申请百度地图密钥2.安装vue-baidu-map3.获取经纬度最终实现效果在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经...

• 2022-12-31

81浏览

0评论

vue项目安装scss常见报错处理方式

目录安装sass依赖问题原因解决方案安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass第一种：Module build fai...

• 2022-12-31

82浏览

0评论

vue-class-setup 编写 class 风格组合式API

目录前言诞生想法快速开始最佳实践多个类实例PassOnToWatchdefineExpose为什么使用 class ？最后前言我司基于vue-class-component开发的项目有上百个，其中部署的 SSR 服务也接...

• 2022-12-31

109浏览

0评论

vue 动态style 拼接宽度问题

目录vue 动态style 拼接宽度vue style的用法1.基本用法2.采用数组形式3.使用数组的形式，设置多个属性4.使用设置一个变量的方法vue 动态style 拼接宽度大众用法：：style=" { wid...

• 2022-12-31

98浏览

0评论

在vue中如何引入外部less文件

目录vue引入外部less文件vue引入lang=“less“报错的解决vue引入外部less文件首先vue环境搭建成功一、安装 less 和less-loader一、修改 webpack.config.js 文件，...

• 2022-12-31

73浏览

0评论

vue项目中使用this.$confirm解析

目录vue使用this.$confirmvue TypeError: this.$confirm is not a function错误解决方案vue使用this.$confirm首先在element-ui中的el-table下的el-table-column中引入插槽（...

• 2022-12-31