2019年12月27日
vue无痕刷新
摘要： 父组件 <template> <div id="app"> <router-view v-if="isShow"/> </div> </template> <script> export default { name: 'App', provide () { return { reload: thi 阅读全文
posted @ 2019-12-27 14:10 王希有 阅读(260) 评论(0) 推荐(0)
css图片上下居中
摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>1111111</title> <style> *{ padding: 0; margin: 0; } div{ width: 100%; height: 10 阅读全文
posted @ 2019-12-27 14:06 王希有 阅读(518) 评论(0) 推荐(0)
2019年12月21日
websocket 浅学
摘要： websocket ,可以实现客户端与服务器的即时通讯，比如即时聊天，获取项目中的消息提醒等（小铃铛上的标红数字提醒） 话不多说，上马奔腾，走起 只写demo，不在项目中使用： 1、初始化项目， npm init -y 2、安装websocket https://github.com/websock 阅读全文
posted @ 2019-12-21 16:34 王希有 阅读(254) 评论(1) 推荐(0)
vue-cli3.0启动项目，在局域网内其他电脑通过自己ip访问
摘要： 最近一直在使用vue-cli3.0做项目， package.json中配置后，自启动项目，也就没留意过小黑窗， "scripts": { "serve": "vue-cli-service serve --open", // 自启动浏览器 "build": "vue-cli-service buil 阅读全文
posted @ 2019-12-21 11:35 王希有 阅读(7341) 评论(1) 推荐(0)
2019年12月14日
解读Es6之 promise
摘要： 单线程: 在同一时间只能有同一任务进行。JavaScript就是一门单线程语言 当有多个任务需要进行时，则需要进行排队，前一个执行完毕才能执行下一个; 当前一个任务报错后，则不进行下一个 案例如下： // 1、同步 function fun1(){ console.log(1) // throw E 阅读全文
posted @ 2019-12-14 15:49 王希有 阅读(418) 评论(1) 推荐(0)
2019年12月4日
vue项目开发期间，配置webpack解决后台接口在不同服务器上的问题 之 二 （ node搭建服务 ）
摘要： 由于今天上午 后端人员把接口都整合都一个服务器了，所以就没有硬关注 上一篇文章的问题， 晚上回来，用node搭了一个简单服务器，测试了下，是没有问题的。代码如下： 一、 自己初始化项目， 1、package.json { "name": "es", "version": "1.0.0", "desc 阅读全文
posted @ 2019-12-04 22:58 王希有 阅读(534) 评论(1) 推荐(0)
vue项目开发期间，配置webpack解决后台接口在不同服务器上的问题
摘要： 1、在 .env.development 文件下 修改为 ENV = 'development' VUE_APP_HTTPURL = http://131.132.133.13:8080 （ 具体为使用的地址 ） 2、为不同人开发的接口前加上不同的标识符：如 原为: '/project/temp/p 阅读全文
posted @ 2019-12-04 18:08 王希有 阅读(1172) 评论(0) 推荐(0)
2019年11月12日
vue基于页面中按钮权限控制
摘要： main.js // 权限 /** 权限指令,对按钮权限的控制 **/ Vue.directive('allow', { bind: function(el, binding) { // 通过当前按钮，获取所在权限组的组名 let permissGropName = binding.value.sp 阅读全文
posted @ 2019-11-12 10:46 王希有 阅读(3130) 评论(0) 推荐(1)
2019年11月11日
vue基于iview树状表格，封装完善
摘要： 先安装iview后在使用 完善按钮不显示问题 ，当children过多时，点击不动问题等 封装 <template> <div :style="{width:tableWidth}" class='autoTbale'> <table class="table table-bordered" id= 阅读全文
posted @ 2019-11-11 14:16 王希有 阅读(4102) 评论(0) 推荐(0)
2019年11月7日
vue分组全选权限，CheckBoxGroup
摘要： 1 <template> 2 <div class="comPower"> 3 <div class="card_header" v-show="!rolePowerVisi"> 4 <Row> 5 <Col span="19" offset="1"> 6 <div class="title_lef 阅读全文
posted @ 2019-11-07 09:46 王希有 阅读(4078) 评论(0) 推荐(0)