csdn_zhuang的博客

// 解码用decodeURIComponent(str)// 编码用encodeURIComponent(str)

问题：浏览器刷新时，导致vue中保存的vuex清空解决方案在main.js中加入以下代码：// 刷新保存状态if (sessionStorage.getItem('store')) { store.replaceState( Object.assign({}, store.state, JSON.parse(sessionStorage.getItem('store')) ) ) sessionStorage.removeItem('store'

原理vue充分利用了Object.defineProperty()方法，通过发布订阅模式，在对data属性的读写操作，转换成get/set方法，当数据变化时通知视图更新。Object.defineProperty()介绍定义：Object.defineProperty()是直接在对象上定义一个新属性或者可以直接修改一个现有属性，并返回该对象。let demo={}Object.defin...

设置el-input框的autocomplete属性，如果type不等于password，则设置为“off”，password框设置为“new-password”。如果依然不成功，需要手动把原来浏览器保存的密码移出掉，测试成功即可。...

前提：将浏览器的自动填充密码功能关闭，如果关闭不了，可参考方案：1、安装加解密插件，并在login.vue中引用：安装： npm install crypto-jslogin.vue引用:import CryptoJS from "crypto-js";2、html部分：<el-form-item style="margin-top:-10px;margin-botto...

问题：在el-table透明化时，组件总是有白色底，无法透明化。修改方案：//透明化整体.el-table,.el-table__expanded-cell { background-color: transparent !important;}//透明化行、单元格el-table th,.el-table tr,.el-table td { background-co...

1、安装lib-flexible和px2rem。lib-flexible是自适应屏幕，px2rem将px转换成remnpm i lib-flexible -Snpm i px2rem-loader -D2、在main.js引入import 'lib-flexible'3、更改\build\utils.js文件：增加 px2remLoader：const cssLoader = ...

背景：原项目前后台不分离，后来进行产品进行重构，后台使用微服务架构，采用前后台分离开发vue打包上线流程：vue使用npm run build方式进行打包，将dist文件发给后台。后台解压后，将index.html和static放至tomcat中（我是直接在后台本地测试的，直接放在后台服务上），访问路径为：http:XXXX:8005/index.html这样就会直接打开前端index...

在使用this.refs.ruleForm.validate过程中，加入了函数校验，函数校验中需要每个if和else都要加入callback()否则this.refs.ruleForm.validate过程中，加入了函数校验，函数校验中需要每个if和else都要加入callback()否则this.refs.ruleForm.validate过程中，加入了函数校验，函数校验中需要每个if和else...

项目需求：根据后台返回动态加载路由表实现方案：在login.vue登录时，获取菜单权限，并存储在localstoragegetMenuByUserId(userId){ loginService.getMenuByUserId({userId:userId}).then(res=>{ if(!res.success){ this.$m...

js实现v-loading，不通过组件传值实现第一步：引入import { Loading } from "element-ui";第二步：调用创建this.pageLoading实例this.pageLoading = Loading.service({ target: document.querySelector(".el-dialog"), tex...

1.添加静态网页图标<link rel="icon" type="image/x-icon" href="./static/icon-tab.png" id='dynamic-favicon'/> 注意图片放在static中2、动态请求服务器更改图标changeFavicon(src) { var oldLink = document.getEleme...

1、通过new FileReader方式html布局：<div class='dialog-img-input'> <input type="file" id="dialogLogoImgId" name="pic" @change="uploadImg(this)" /> <br/></div> //设置透明度为0...