![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
澜岚伊人
不断地积累知识,总有一天也会成为自己想要的那样
展开
-
(一)vue-cli初始化项目并引入ElementUI
摘要:写过了一个我们产品的后台管理系统,但做完项目都没有进行总结。感觉好多还是懵懂的感觉,所以想要重新走一遍,写一个自己的项目。让自己理清思路实现:1、首先确认你的电脑中已经安装过Node.js了,如果没有可以百度安装配置2、我们来说下安装vue,是用vue-cli来初始化项目吧(使用命令行工具来操作)(1) 全局安装 vue-cli (在命令行工具中输入npm install...原创 2018-11-04 21:34:47 · 7081 阅读 · 0 评论 -
Vue后台管理系统的按钮权限控制
摘要:最近需要在原有的后台管理系统中,需要给页面中的所有按钮进行权限控制实现的思路如下:方法一:1、获取后台传过来的按钮权限数组,并将其保存下来2、写一个全局的方法。判断某个按钮的权限是否含在后台传的按钮权限数组中3、页面中在按钮上写v-if进行控制代码如下:首先我获取后台传给我的按钮权限数组,我的这个是通过用户权限的接口来获得的(在这就用模拟数据)后台的按钮权限数据...原创 2019-04-28 19:42:23 · 6390 阅读 · 4 评论 -
vue给div绑定keyup的enter事件实现接电话(结合阿里云软电话SDK)
摘要:之前我们的接入的阿里云软电话SDK的功能,现在有个新的需求就是我们自己的弹窗中添加一个按钮可以接听电话,同时可以按键盘的Enter键接电话。(这里的很多废话,是为了记录当时想的逻辑)实现思路:1、点击事件接听电话在create生命周期的时候,监听电话来了的callComming这个事件,此时暂无来电的图片不显示,显示当来来电和电话号码以及接听按钮 在create生命周期的时候,...原创 2019-05-10 13:13:54 · 1365 阅读 · 0 评论 -
vue如何给div绑定keyup的enter事件
摘要:发现给div绑定keyup.enter事件是没有效果的。那该如何实现呢?下面直接上代码吧1、在template中代码2、在created的生命周期中,写一个全局的enter事件这样按下键盘中的enter事件就是有效的了...原创 2019-05-10 13:22:28 · 8251 阅读 · 0 评论 -
node.js安装express后显示“express不是内部或外部命令”
按照教程安装了express后,使用express -V命令时,却显示的是“express不是内部或外部命令”。导致之后的express学习无法进行,解决这个问题的主要步骤为一下几点:卸载当前的express。在cmd下输入:npm uninstall -g express 检查之前的node.js和npm是否安装正确express4.x版本中将命令工具分家了,所以我们还需要安装一个命令工具...原创 2019-06-14 16:27:06 · 712 阅读 · 0 评论 -
(二)axios以及Node.js中Express框架的使用
摘要:接着(一)vue-cli初始化项目并引入ElementUI内容写,那篇文章已经成功引入ElementUI组件了。后台管理系统首先需要登录账号密码才可以,今天主要就是总结如何使用axios请求接口以及如何使用Node.js中Express开启一个后台服务的相关内容。实现步骤如下:在page中创建login.vue文件 在router文件夹下的index.js中进行路由配置 引入...原创 2019-06-14 21:51:38 · 2256 阅读 · 0 评论 -
Element的Container布局容器布满全屏
摘要:在使用Element(2.10.1版本)的Container布局容器布,发现按照官网的代码运行后,发现不能撑开整个页面,只能显示一段高度官方代码运行后效果:如何实现不满全屏呢?实现如下:1、需要给包裹的div一个height:100%2、给#app,html,body,.el-container一个height:100%3、给el-container设置direct...原创 2019-07-05 10:34:47 · 32430 阅读 · 7 评论