随笔分类 -  Vue

项目中使用ElementUI的Form 组件
摘要:使用ElementUI的Form 组件 (1)首先必须是项目中安装ElementUI库 (2)引入Vue的项目中 (3)引入对应的组件名称并且全局注册 ElementUI 安装 npm i element-ui -S 引入 Element main.js 内容添加 import ElementUI
109
0
0
左侧菜单改造路由链接
摘要:使用ElementUI实现左侧菜单改造路由链接 Vue的项目中我们会经常用到Element,Iview..等轻量框架来实现页面布局。如果是不是彻底理解这些框架的各个功能和属性的话会带来很多麻烦的。 项目中用到了elementUI的菜单组件,有个展开和折叠功能。这个时候需要实现路由地址的改造链接:就是
135
0
0
ElementUI侧边栏展开隐藏折叠功能
摘要:ElementUI侧边栏展开隐藏折叠功能一般后台管理项目中无论是ElementUI或Iview 轻量UI框架都有很多组件来实现功能 我们需要实现的是这样子的: 在源代码里左侧菜单之前添加一个div,类名为“toggle-button”,然后在div中添加“|||”三个竖杠,作为可以折叠的图例: 然后为该div添加样式 然后给按钮添加事件事
4299
1
0
项目上线-项目报告+创建web服务器
摘要:一般我们的项目开发完毕以后就需要考虑如何优化,如何将项目部署上线,提供给外界用户使用等的问题。 所有必须要考虑的问题是:优化项目,部署上线项目 项目优化方案: (1)生成打包报告:通过项目的Vue UI可视化工具生成一个打包的报告,根据报告发现和优化项目,进一步的区解决。(2)第三方库使用CDN:为
204
0
0
ElementUI的左侧菜单栏的小问题~~
摘要:ElementUI的左侧菜单栏的小问题~~Vue后台管理的项目中使用了ElementUI的组件库。左侧菜单栏遇到了一些小问题,结果一步一步的解决了~~ 1,首先菜单栏的图标Icon不满足我们的需求,我们可以引入公司内部的样式icon图标文件,数组的方式动态渲染出来就可以。 2,左侧菜单栏的列表渲染完成后点击一个菜单发现全部菜单同时展开 3,
919
0
0
项目报错类型:Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125.
摘要:vue项目中出现可一个小报错问题:Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125. 在elementUI导航组件中加入后台数据驱
335
0
0
axios请求拦在器添加token(请求头添加token)保证有权访问请求数据~~
摘要:axios请求拦在器添加token(请求头添加token)保证有权访问请求数据~~axios请求拦在器添加token 开发项目中有很多个请求接口,除了login以外其他的请求接口有了访问权限才能正常请求数据访问页面。 需要授权的API必须每一次的请求携带token,就是请求头添加token,后端根据token来判断该请求有没有授权。 那么必须在请求头中使用Authorizatio
4970
2
0
登录/退出—token验证(路由导航守卫控制访问权)
摘要:登录/退出—token验证(路由导航守卫控制访问权)登录/退出—token验证(路由导航守卫控制访问权)如果不是要访问登录页先判断登录状态,不在登录状态的强制跳转到login登录页面 登录功能 登录login页面点击按钮绑定点击事件@click="login" 1,login事件里先判断表单预验证:用户名和密码是否为合法。如果是合法内容直接走下一步发
478
0
0
Vue项目中定时器的问题...
摘要:Vue项目中定时器的问题... 比如说 我们现在在a页面写一个定时,让他每秒钟处理操作,比如:每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示: 解决方法1: 首先我在data函数里面进行定义定时器名称: data() { return { tim
97
0
0
Vue2项目ant-design-vue引入报错问题(已解决✔)
摘要:Vue2项目ant-design-vue引入报错问题 安装,引入ant-design npm install ant-design-vue --save 一直报错: 依赖包: 解决方法: 一直在报错: error in ./node_modules/ant-design-vue/dist/antd.
1586
3
0
vue动态绑定class的几种方式
摘要:vue动态绑定class的几种方式开发项目中:vue动态绑定class的几种方式~ 第一种:(最简单的绑定) 1.绑定单个class html部分: <div :class="{'active':isActive}"></div> js部分:判断是否绑定一个active data() { return { isActive: tru
275
0
0
Vue项目小功能:过度~transition
摘要:Vue 提供了 transition 的封装组件,来处理过渡以及动画 使用过渡或动画的场景 在下列情形中,可以给任何元素和组件添加进入/离开过渡条 件渲染(使用v-if) 条件展示(使用v-show) 动态组件 组件的根节点 div: <div id="app"> <button @click="i
50
0
0
Vue项目npm install下载依赖,报错:npm install 报错(npm ERR! errno -4048...(已解决✔)
摘要:vue项目下载依赖npm install 报错:(npm ERR! errno -4048,Error: EPERM: operation not permitted,)解决方法 出现这种报错的时候有我用了清空缓存的方法: 1,清理本地缓存:cache clean --force 有的人说是权限问题
508
0
0
三种常用的Vue表单修饰符使用场景...
摘要:vue的项目开发中须知道的三个vue表单修饰符(.lazy, .number, .trim) 1,.lazy 简单地说:我们在input输入框输入的时候,标签里的内容会实时变化,加了.lazy修饰符后,只有当鼠标光标离开input输入框,标签的内容才会变化 官方文档 2,.trim 如果要自动过滤用
42
0
0
登录与退出功能-保存token和设置token过期时间过期重新到登录页面
摘要:登录与退出功能-保存token和设置token过期时间过期重新到登录页面Vue项目登录与退出功能-保存token和页面权限控制,设置token过期时间过期重新到登录页面,本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑: (1)发起登录请求之前做个对账号密码表单的合法性进行验证规则 (2)登录的时候发起请求获
2095
3
0
vue项目中使用axios获取本地json文件,报404错(已解决✔)
摘要:vue项目中 VueX的组件store里面有个actions的axios get请求,请求本地的JSON文件的时候就报错404了。 看了好久资料最终解决了。虽然刚开始的时候我已近把静态资源放在了public里面,但是发起请求的时候还是拿不到数据反而报错404. 是因为Vue2 和Vue3是不一样的。
1366
0
0
VueX项目报错 “TypeError: Cannot read properties of undefined (reading ‘dispatch‘)“found in
摘要:vueX的项目,调用方法 this.$store.dispatch('getList')的时候报错了 “TypeError: Cannot read properties of undefined (reading ‘dispatch‘)“found in 仔细的观察看资料后发现 就是VueX的版本
1687
1
0
vue项目添加页面加载loding进度条效果
摘要:Vue项目的优化过程中需要添加NProgress加载loding进度条效果 一、进度条效果 我们要实现的效果就是,当我们点击每一个菜单,加载相应的页面时,在页面顶部中间会有一个加载的蓝色条条,随着页面的加载向右侧移动 我们要为所有的页面加载效果添加这种进度条效果。 二、如何实现进度条 我们要实现上面
574
0
0
在Vue项目中使用Echarts : Echarts中的常用组件--堆叠面积图
摘要:一、安装并全局引入 1、通过npm获取echarts npm install echarts --save 2、在 main.js 中添加下面两行代码 在main.js中引入 5.0以下版本 import echarts from 'echarts ' 5.0以上版本用这个引入 import * a
543
0
0
Vue echarts应用报错:Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
摘要:前端vue项目使用echarts报错解决方案 踩坑,在vue中使用echart绘制图表的时候报错Error in mounted hook: "TypeError: Cannot read properties of undefined (reading init )"解决办法 存在问题:导入包的方
1722
0
1
点击右上角即可分享
微信分享提示
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.

Not available