pnpm run build报错Search string not found: “for (const existingRoot of buildInfoVersionMap.roots) {“
今天测试环境的vue项目在使用jekins构建到执行pnpm run build时报错，提示错误如下： + pnpm run build > cmms-web@0.0.0 build /var/lib/jenkins/jobs/cmms-web-test/workspace > vue-tsc && vite build……
a-form ref校验表单提示Cannot read properties of undefined (reading ‘validate’)解决办法
在使用vue+and design开发form表单时，当给a-form绑定ref属性后，调用表单validate()方法校验时始终提示如下错误： 问题原因 经反复排查，发现是表单ref=”searchFormRef”没有绑定成功，在浏览器console.log(searchFormRef.value)时发现其打印值为undefine……
antdv表单切换中英文校验提示不跟着切换问题解决
最近在使用ant design vue开发前端项目，测试人员提出登录界面在切换中英文时，发现校验错误的表单提示，不会跟着自动切换，让我修复解决这个问题。 我们先看下这个问题的现象，确实存在这个问题，而且一开始我自己测试还真是没发现，所以说测试岗位还是非常有必要的，当我从中文语言切换为英文语言时，错误提示没有跟着变成英文，其他的label和placehold……
vue elementui实现点击按钮预览图片
vue elementui如何实现点击按钮预览图片呢？我们一起来学习下吧！ 在elementui官网只看到el-image 组件可以实现图片预览功能，但是有个缺点就是它会默认显示小图片，然后当你点击小图片时才会弹出预览的大图片，代码如下： <div class="demo-image__preview"> <el-image ……
vue执行setIntervel定时器方法
在使用vue执行setIntervel定时器方法时，需要注意，调用方法不能加括号，不然就只执行一次，不会定时执行，正确的调用setIntervel定时器方法类似如下： mounted() { // 定时刷新obr状态 setInterval(this.refreshObrStatus, 1000) }, // 执行定时刷新obr状……
echarts如何动态更新图表data数据
在使用vue绘制echarts图标后，想要动态更新图表data数据该怎么实现呢？如果你还不会Vue整合echarts可以参考：Vue整合echarts使用案例。接下来我们看下如何动态更新echarts图标数据。 其实想要更新图表data数据非常简单，只要更新option中的data属性就行，案例如下： 以下是一张饼图的初始化代码： // vue data ……
vue如何使用crypto-js加密解密
本文主要讲解vue如何使用crypto-js加密解密，要在Vue中使用CryptoJS进行加密和解密，你可以按照以下步骤进行操作： 1）安装CryptoJS库：首先，确保你的项目中已经安装了CryptoJS库。你可以使用npm或yarn来安装它。在终端中运行以下命令： npm install crypto-js 或者 yarn add crypto-js……
Vue结合Vant实现下拉刷新和加载更多功能
本文主要讲解关于如何使用Vue结合Vant实现下拉刷新和加载更多功能相关内容，让我们来一起学习下吧！ 在前端开发中，为了提升用户体验，我们经常需要实现下拉刷新和加载更多的功能。这些功能可以让用户在使用应用时更加流畅，减少等待时间。本文将介绍如何使用Vue.js和Vant库来实现这些功能。 首先，我们需要在HTML中创建两个组件：van-pull-refres……
解决TypeError: Cannot read properties of null (reading ‘0’)报错
vue前端页面发出请求时发现报错如下：TypeError: Cannot read properties of null (reading ‘0’)，看下图： 定位到报错的代码是如下： let beginTime = this.overviewQuery[0] let endTime = this.overviewQuery[1]……
解决vue报错TypeError: Cannot read property ‘protocol’ of undefined
本文主要讲解关于如何解决vue报错TypeError: Cannot read property ‘protocol’ of undefined问题相关内容，让我们来一起学习下吧！ 问题描述 在vue项目中出现错误信息，如下所示： isURLSameOrigin.js?3934:57 Uncaught (in promise) Typ……
解决yarn install报错：error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible
本文主要讲解关于如何解决yarn install报错：error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible相关内容，让我们来一起学习下吧！ 报错说明 今天在执行yarn install包安装时，老是出现下面错误： error @achrinza/node-ipc@9.2.2: Th……
vue-i18n实现中英文等多语言国际化版本
本文主要讲解关于vue-i18n实现中英文等多语言国际化版本相关内容，让我们来一起学习下吧！ 1.环境搭建 命令进入项目目录，执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n --save 2. 项目增加国际化翻译文件 在项目的src下添加lang文件夹增加中文翻译文件（zh.js）以及英文翻译文件（en.js……
