vue异步组件懒加载(按需加载) 利用webpack对代码进行分割是懒加载的前提，懒加载就是异步调用组件，需要时候才下载（按需加载）。 为什么需要懒加载? 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用…
一.禁用前进后退功能 在开发vue应用中，如何禁用浏览器的前进后退功能呢？ 网上搜到的答案基本如下： history.pushState(null, null, document.URL) window.addEventListener("popstate", function() { history.pushState(null, null, document.URL) }) 但应该放在哪儿？ …
实用场景 可 多选 多个”车系“，并为每个选中的span添加样式 思路： 元素上，动态绑定类名active，为item添加布尔类型的属性active，绑定点击事件，传递参数item,在事件函数中判断是否item是否存在active属性，存在的话，设置属性值为false,不存在的话，设置为true,就可以达到选中添加样式 html部分 js部分 如果为 单选 ，需要清除其他元素样式，那么请保留Vue…
1.首先安装 npm install qrcodejs2 --save-dev 2.在需要使用的Vue页面或者js文件中导入 import QRCode from 'qrcodejs2' 3.页面里有个标签展示二维码 <template> <div id="qrcode" ref="qrcode" ></div> </template> 方法区写事件…
前言：今天在做修改操作的时候遇到了一个问题，数据回显到修改表单之后，发现无法输入，也不能实现修改 项目环境：springboot+vue前后端分离 问题：修改操作数据回显无法输入值 一、问题截图 二、代码展示 编辑按钮 @click="updateWindow = true,editCustomer(scope.$index,scope.row,tableData)">编辑 点击编辑按钮后，…
网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(Search Engine Optimization 搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！ title如下图： keywords和description如下图： 1，安装vue-meta-info npm i vue-meta-i…
一、使用router 1.第一个前端页面跳转到第二个前端页面，可以在第一个前端页面里加个方法： jumpPage2 (index) { this.$router.push({ path: "/page2", query: { id: '1', name: '测试', } }); }, 2.然后，在 router/index.js 里加上： { path: '/page2', name: 'page…
我这个也是参考了一些网上的资料整理过来的。 vue: utils.js:(建立公共JS文件) //获取周一至周五,到周日的话i=> 5变为7 export const getDataArea = (currentTime) => { var currentDate = new Date(currentTime) var timesStamp = currentDate.getTime(…
store的数据一定要在原型上才可以被watch 化繁为简的Watchers 场景还原： created(){ this.fetchPostList() }, watch: { searchInputValue(){ this.fetchPostList() } } 组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没有办法优化一下呢…
效果图 表单，加入 移入移出事件 mouseenter，mouseleave，用v-show 定义显示 <el-tree class="filter-tree tree" ref="tree" highlight-current :expand-on-click-node = "false" :data="categories" :filter-node-method="filterCate…