vue项目改进
项目优化
Stephy_Yy
此人很懒,还是写了点什么
展开
-
node项目正常启动后不能访问(防火墙未放行端口)
今天打开个人站点,发现登陆不了,原以为是pm2的问题,先停了pm2用node app.js的方式运行后端代码,项目能正常启动但是依然不能登陆。1 检查ecs的安全组规则,node项目端口3000、8888是否放行2 确认node正常运行输入ps -aux | grep node输入 检查端口情况netstat -anp | grep 88883 检查服务其是否开启了防护墙...原创 2020-03-29 15:02:53 · 2655 阅读 · 0 评论 -
Uncaught TypeError: Cannot redefine property: $router
原因:就如报错提示所描述的,不能重新定义router,说明是重复定了router,说明是重复定了router,说明是重复定了router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router,还在index.html页面引入了vue-router.js文件。解决方法有两种:1. 去掉index.html中的vue-router.js文件的引入...原创 2019-12-22 13:34:48 · 5583 阅读 · 1 评论 -
element-ui表单验证:用户名、密码、电话、邮箱
之前设计login组件时增加了简单的表单验证,因此对应的users组件,添加用户功能也必须设置相应的验证规则。文档form表单验证只提供了用户名/密码,是否必须/长度限制的验证。对于电话、邮箱和地址的验证如下:html部分,先绑定props<el-form-item label="邮箱" prop="email":label-width="formLabelWidth">...原创 2019-12-18 22:00:27 · 4940 阅读 · 1 评论 -
Vue项目代码改进(六)—— vue的mixins的使用
混入可以将不同组件的共同内容部分在一个混入对象中展示,然后通过在组件实例中混入这个对象,这样拥有这些属性的组件都可以调用混入对象中的属性名跟组件中的属性名冲突时,以组件自身的为基准举例:单文件组件users.vue1) 创建src/components/users/users-mixins.js2) 将组件中的data,methods等到mixins中3) users.vue<...原创 2019-12-15 16:18:03 · 247 阅读 · 0 评论 -
Vue项目代码改进(五)—— 将侧边栏菜单改造为动态后,如何按需显示不同图标
将侧边栏菜单改造为动态后,目前侧边栏每项的小图标都相同<el-aside class="aside" width="200px"> <el-col :span="24"> <el-menu default-active="2" class="el-menu-vertical-demo" @op...原创 2019-12-14 18:11:18 · 1741 阅读 · 4 评论 -
Vue项目代码改进(四)—— 在使用ElementUI时点击同一个路由,页面报错
这个不可描述的问题是:在使用ElementUI时点击同一个路由,页面报错。错误代码如下:element-ui.common.js?ccbf:3339 NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current lo...原创 2019-12-14 17:27:27 · 739 阅读 · 0 评论 -
Vue项目代码改进(三)—— Cookie、LocalStorage和SessionStorage的使用
存在问题:如果在退出页面时,没有点击“退出”按钮,而是直接关闭页面,token并没有被清除,依然能通过访问http://localhost:8080/#/ 直接进入主页。原因:使用了localStorage而非sessionStorage或Cookie一、基本概念1. Cookie(HTML4的本地存储 cookie)Cookie非常小,大小在4KB左右。主要用途是保存登录信息,比...原创 2019-12-14 17:11:16 · 512 阅读 · 0 评论 -
Vue项目代码改进(二)—— element-UI的消息显示时间修改
Message 消息提示Optionsduration 显示时间, 毫秒。设为 0 则不会自动关闭 — 默认值3000全局重写 element 的message 消息提示,修改时间,在main.js里Vue.prototype.$message = function (msg) { ElementUI.Message(msg)}Vue.prototype.$message.su...原创 2019-12-14 17:04:06 · 2323 阅读 · 0 评论 -
vue项目代码改进(一)login组件
Login登录组件1. 新增登录头像(css样式回顾)1)div.avatar2)子绝父相定位,left…top…3)border4)placeholder5)box-shadowbox-shadow: offset-x offset-y blur spread color inset;参数解释:[X轴偏移量]offset-x:必需,取值正负都可。offset-x水平阴影的位...原创 2019-12-14 15:04:10 · 666 阅读 · 0 评论