功能介绍:利用moment插件做一个简单的日历,下面web建站小编附上代码介绍。 1、安装命令 npm install moment –save 2、main.js引入方法 import Vue from 'vue' im
功能介绍:想定义一些全局变量,不想在没个页面都都加一些相同的参数,比如当内容过长被隐藏时显示设置show-overflow-tooltip。 把下面全部方法引入main.js //点击遮罩层是否关闭Dialog ElementUI.Dial
今天给大家介绍关于vue-cli脚手架卸载与安装代码的分析,其中包括最新版本安装、查看所有版本号、安装指定版本、卸载指令等功能。 安装最新版本: npm install -g @vue/cli //或者 yarn global add @v
功能介绍:element组件el-dialog弹窗没有找到可以拖动的功能,下面web建站小编给大家一个方法。 1、新建一个dialogDrag.js import Vue from 'vue' // v-dialogDrag
问题描述:运行vue init webpack报无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次错误。 解决方法: 1、安装vue
安装vue init webpack的时候看看是否安装了test插件,如果安装了可以在package.json看到scripts有jest的几个运行方法,在devDependencies可以找到版本号。 npm run unit运行 如果提
功能需求:部分页面数据来自接口,执行成功后在用浏览器的返回页面会变空白或报错,用户体验不好,想禁掉部分浏览器的返回功能。 下面给大家介绍一个vuejs的插件vue-prevent-browser-back。 1、安装插件 npm insta
功能介绍:运用keep-alive自带的方法,结合beforeRouteEnter和beforeRouteLeave方法实现前进重新加载页面,返回调用缓存数据。 1、APP.vue <keep-alive v-if="isR
功能介绍:做了一个项目,有7、8个页面,想实现前进刷新,后退缓存,最后用了keep-alive的一个组件方法。 npm install v-keep-alive-chain 1、main.js import { mergeBeforeEac
根据vue-router官网,我们可以明确看到vue-router的mode值有3种分别是hash、history、abstract,其中,hash 和 history 是 SPA 单页应用程序的基础。 const router = new
什么是防抖? 通俗理解,就是我们在点击请求或者点击加载等过程中,只需要点击一次,但由于请求慢,点击了好多次,导致多次请求,防抖就是在点击了好多次之后的最后一次才会请求。 案例分析: <!DOCTYPE html> <htm
问题描述:用vuejs做的项目需要兼容ie9浏览器及以上浏览器,但是在ie9浏览器上运行直接报错,下面给大家介绍一下解决方法! 1、先安装插件 //babel-polyfill npm install babel-polyfill –sa
功能需求:痕迹对比,就是当前文本和历史修改过的文本有什么区别?把2边不同的文字用不同颜色标记出来! 1、template代码 <div class="dialog-mark-diff"> <el-car
1、Form Data方式 //引入Qs import Qs from 'qs' // return request({ headers: { 'Content-Type': 'application
功能需求:在el-input输入关键字,返回查询列表并显示出来。 1.template代码 <template> <div> <el-input type="text" v-model=&q
功能需求:表格需要做排序,拖动需要排序行放在想要的位置。下面需要用到sortablejs插件,下面代码可以直接复制使用! 1、template代码 <el-table :data="list" ref="
功能需求:el-table中有一个字段,想根据不同类型改变不同颜色。下面是代码介绍! 1、用:class判断 <el-table-column prop="type" label="类型">
问题描述:同一用户根据不同权限显示的el-form-item搜索和el-table-column列表(初次显示正常,第二次就会出现错乱问题。) <el-table-column prop="emergency" l
功能需要:页面列表内容太多,不想用接口搜索实时调用,想通过一个input模糊搜索快速查询信息。 1、template <el-input v-model="search" placeholder="请输入
功能需求:做一个身份证后四位输入或汽车牌照输入,每个数字/字母一个input,想输入完当前的input后自动跳到下一个input,删除当前input后自动跳到前一个。 1、template代码 <div v-for="(it