1、安装vue-print-nb插件npm install vue-print-nb --save2、在main.js文件中引入插件import Print from 'vue-print-nb'Vue.use(Print)3、编写程序<div style="width: 37%" align="center"><div id="printTest" s...

在浏览器上直接打开pdf文件，页面标题与文件不符，经如下处理，问题得到解决；1、Vue文件发送请求window.open(HOST + '/file/preview/' + this.userId+'?param1=' + param1 +'&param2=' +param2)2、Springboot后台响应请求@GetMapping("/files/{userId}?param1={..

1、懒加载打包部署项目时javaScript包会非常大，影响页面加载，路由懒加载是最常用和有效的方法，如果使用Babel，需要添加syntax-dynamic-import插件，才能使Babel正确地解析语法，命令如下：cnpm install @babel/plugin-syntax-dynamic-import --save-dev1.1、路由懒加载方法一const Foo = ...

1、Steps步骤条的作用Steps步骤条引导用户按照流程完成任务的分布导航，可根据实际应用场景设定步骤，但步骤不得少于2步。2、Steps步骤条属性space: 每个 step 的间距，不填写将自适应间距。支持百分比;direction: 显示方向；active：设置当前激活步骤；finish-status：设置结束步骤的状态；simple：是否应用简洁风格；3、Step...

1、介绍Autoprefixer是一款自动管理浏览器前缀的插件，可以解析css文件并且添加前缀到css内容里，使用Can I Use(caniuse网站)的数据决定哪些前缀是需要的。该插件css解析器采用postcss，使用Browserslist库，可以对浏览器的版本做精确设置。2、工具特点（1）、写纯净的css，不必学习特殊语言（如Sass），也不必记住其使用环境；（2）、与最新的规则...

1、路由懒加载路由懒加载简单来说就是访问到当前页面才会加载相关资源，提高页面加载速度。{path: '/login', name: 'login',component: resolce => require(['@/pages/login'], resolve)}2、引入CDN细心的同学会发现，项目打包完成后dist文件中有个vendor xxxx.js文件，此文件由引入...

1、添加样式绑定<div class="container" :style="{height: scrollerHeight}"></div>2、添加属性计算computed: {// 设置滚动区高度，减去头部标题和底部tabbar的高度scrollerHeight: function() {return (window.innerH...

1、html编码<el-carousel height="600px" indicatorPosition="outside" ref="carousel" @click.native="linkTo"><el-carousel-item class="carousel-item" v-for="item in imgs" v-bind:key="item.url...

1、现象部署到服务器，提示以下错误：GET http:/static/css/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 (Not Found)2、原因路径问题，开发环境系统会自动配置，而部署环境可能需要用户干预；3、解决办法build/utils.js文件中添加publicPath路径，修改前：if (opt...

1、前端控制权限1.1、前端控制权限的优点（1）、提升突破权限的门槛；（2）、过滤越权请求，减轻服务端压力；（3）、提升用户体验；2、权限控制权限控制实现对路由、视图、请求的控制；用路由控制实现动态菜单，控制思路有两个：（1）、挂载全部路由，每次路由跳转前做校验；（2）、只挂载用户拥有的路由，从前端路由着手控制；通常采用方案（1），初始化只有登录路由的应用，用户登录后动态添加路...