随笔分类 - Vue
摘要：vue项目下载依赖npm install 报错：（npm ERR! errno -4048，Error: EPERM: operation not permitted,）解决方法 出现这种报错的时候有我用了清空缓存的方法： 1，清理本地缓存：cache clean --force 有的人说是权限问题
阅读全文
摘要：vue的项目开发中须知道的三个vue表单修饰符（.lazy， .number， .trim） 1，.lazy 简单地说：我们在input输入框输入的时候，标签里的内容会实时变化，加了.lazy修饰符后，只有当鼠标光标离开input输入框，标签的内容才会变化 官方文档 2，.trim 如果要自动过滤用
阅读全文
摘要：
Vue项目登录与退出功能-保存token和页面权限控制，设置token过期时间过期重新到登录页面，本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑： （1）发起登录请求之前做个对账号密码表单的合法性进行验证规则 （2）登录的时候发起请求获
阅读全文
Vue项目登录与退出功能-保存token和页面权限控制，设置token过期时间过期重新到登录页面，本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑： （1）发起登录请求之前做个对账号密码表单的合法性进行验证规则 （2）登录的时候发起请求获
阅读全文
摘要：vue项目中 VueX的组件store里面有个actions的axios get请求，请求本地的JSON文件的时候就报错404了。 看了好久资料最终解决了。虽然刚开始的时候我已近把静态资源放在了public里面，但是发起请求的时候还是拿不到数据反而报错404. 是因为Vue2 和Vue3是不一样的。
阅读全文
摘要：vueX的项目，调用方法 this.$store.dispatch('getList')的时候报错了 “TypeError: Cannot read properties of undefined (reading ‘dispatch‘)“found in 仔细的观察看资料后发现 就是VueX的版本
阅读全文
摘要：Vue项目的优化过程中需要添加NProgress加载loding进度条效果 一、进度条效果 我们要实现的效果就是，当我们点击每一个菜单，加载相应的页面时，在页面顶部中间会有一个加载的蓝色条条，随着页面的加载向右侧移动 我们要为所有的页面加载效果添加这种进度条效果。 二、如何实现进度条 我们要实现上面
阅读全文
摘要：一、安装并全局引入 1、通过npm获取echarts npm install echarts --save 2、在 main.js 中添加下面两行代码 在main.js中引入 5.0以下版本 import echarts from 'echarts ' 5.0以上版本用这个引入 import * a
阅读全文
摘要：前端vue项目使用echarts报错解决方案 踩坑，在vue中使用echart绘制图表的时候报错Error in mounted hook: "TypeError: Cannot read properties of undefined (reading init )"解决办法 存在问题：导入包的方
阅读全文
摘要：ElementUI的时间线Timeline组件使用方法 2.在element.js中导入TimeLine时间线相关js文件，这里的js文件就是处在上面两个文件夹中的index. js import Timeline from './timeline/index.js' import Timeline
阅读全文
摘要：
进度条（步骤进度条）和tag标签页的对象对应链条切换... 思路： 对于tag标签来说有个 v-model=’activeName’属性，指向与name属性（通过索引来指向 01234等） 对于步骤进度条来说 active属性来控制 指向 name属性 然后呢 把这两属性绑定到同一个data数据来控
阅读全文
进度条（步骤进度条）和tag标签页的对象对应链条切换... 思路： 对于tag标签来说有个 v-model=’activeName’属性，指向与name属性（通过索引来指向 01234等） 对于步骤进度条来说 active属性来控制 指向 name属性 然后呢 把这两属性绑定到同一个data数据来控
阅读全文
摘要：vue项目中有个时间轴，需要转换成标准的年月日的格式打印 思路：先vue的文件引入文件main.js里面进行过滤器全局注册，过滤器的处理的处理函数中做转换处理，，在vue表单里应用过滤器。 main.js <代码> Vue.filter('dateFormat',function (originVa
阅读全文
摘要：验证邮箱的正则表达式： const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 或 const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA
阅读全文
摘要：菜单栏左侧展开，浏览器报错Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125. 是因为 index只能接受字符串， :index="
阅读全文
摘要：cnpm使用 install报错throw err;^Error: Cannot find module 'fs/promises 这个问题主要是 node的版本和cnpm的版本不匹配--检查一下项目中的 node版本和cnpm版本： cnpm的版本是不是高于8.3.0 cnpm 8.30 版本，无
阅读全文
摘要：
使用v-bind指令可以给元素动态绑定class与style属性。 1、动态绑定class的三种方式 ①直接绑定 ②绑定对象 语法：{key(类名) :value(布尔值)} ③绑定数组 ③三元运算符来条件实现 2、动态绑定style的两种方式 ①绑定对象 ②绑定数组 参考文章：https://ww
阅读全文
使用v-bind指令可以给元素动态绑定class与style属性。 1、动态绑定class的三种方式 ①直接绑定 ②绑定对象 语法：{key(类名) :value(布尔值)} ③绑定数组 ③三元运算符来条件实现 2、动态绑定style的两种方式 ①绑定对象 ②绑定数组 参考文章：https://ww
阅读全文
摘要：vue项目中需要收集表单数据给后端发送请求进行交互： 查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
阅读全文
摘要：vue 项目开发常见问题解解决方法 vue打包产生多余的.map文件。 1.修改config文件夹下的index.js文件，把productionSourceMap: false,设置为false 去除url的#号 1.在router文件夹里面的index.js里面添加 路由懒加载 1.修改rout
阅读全文
摘要：打包成dist文件以后，index.html加载空白 没有修改config配置文件，直接打包，系统默认的是’/’（根目录），而不是’./’（当前目录）,从而导致路径不对，页面加载不出来。 针对vue-cli3.0以下版本的可以直接将config/index.js文件的assetsPublicPath
阅读全文
摘要：首先看一下官方的定义：Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象。语法 Object.defineProperty(obj,prop,descriptor) 对象添加属性 以前的修改添加对象属性的方法 OBJ.pa
阅读全文
浙公网安备 33010602011771号