web建站教程

     
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

vuejs

利用moment.js插件做一个简单的日历

功能介绍:利用moment插件做一个简单的日历,下面web建站小编附上代码介绍。 1、安装命令 npm install moment –save 2、main.js引入方法 import Vue from 'vue' im

js插件justifymoment插件日历插件
element组件有哪些你不知道的全局定义方法

功能介绍:想定义一些全局变量,不想在没个页面都都加一些相同的参数,比如当内容过长被隐藏时显示设置show-overflow-tooltip。 把下面全部方法引入main.js //点击遮罩层是否关闭Dialog ElementUI.Dial

element全局全局定义
vue-cli脚手架卸载与安装代码总结

今天给大家介绍关于vue-cli脚手架卸载与安装代码的分析,其中包括最新版本安装、查看所有版本号、安装指定版本、卸载指令等功能。 安装最新版本: npm install -g @vue/cli //或者 yarn global add @v

vue-cli安装脚手架
el-dialog定义了一个参数实现弹窗可拖动

功能介绍:element组件el-dialog弹窗没有找到可以拖动的功能,下面web建站小编给大家一个方法。 1、新建一个dialogDrag.js import Vue from 'vue' // v-dialogDrag

el-dialog
运行vue函数提示将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称解决方法

问题描述:运行vue init webpack报无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次错误。 解决方法: 1、安装vue

cmdletvuevue-cli
vuejs单元测试运行npm run unit报错解决方法

安装vue init webpack的时候看看是否安装了test插件,如果安装了可以在package.json看到scripts有jest的几个运行方法,在devDependencies可以找到版本号。 npm run unit运行 如果提

vuejs单元测试覆盖率
vuejs实现部分页面跳转后禁止返回到前一个页面

功能需求:部分页面数据来自接口,执行成功后在用浏览器的返回页面会变空白或报错,用户体验不好,想禁掉部分浏览器的返回功能。 下面给大家介绍一个vuejs的插件vue-prevent-browser-back。 1、安装插件 npm insta

vuejs分页禁止返回页面跳转
keep-alive前进调用接口,后退显示缓存

功能介绍:运用keep-alive自带的方法,结合beforeRouteEnter和beforeRouteLeave方法实现前进重新加载页面,返回调用缓存数据。 1、APP.vue <keep-alive v-if="isR

keep-alive接口缓存
vuejs前进刷新,后退缓存功能介绍

功能介绍:做了一个项目,有7、8个页面,想实现前进刷新,后退缓存,最后用了keep-alive的一个组件方法。 npm install v-keep-alive-chain 1、main.js import { mergeBeforeEac

keep-alivevuejsvuejs缓存缓存
vue-roter路由配置的3种模式介绍

根据vue-router官网,我们可以明确看到vue-router的mode值有3种分别是hash、history、abstract,其中,hash 和 history 是 SPA 单页应用程序的基础。 const router = new

historyrotervueVue-Router路由路由配置
vue项目优化之防抖案例分析

什么是防抖? 通俗理解,就是我们在点击请求或者点击加载等过程中,只需要点击一次,但由于请求慢,点击了好多次,导致多次请求,防抖就是在点击了好多次之后的最后一次才会请求。 案例分析: <!DOCTYPE html> <htm

vue防抖
vuejs项目兼容ie浏览器

问题描述:用vuejs做的项目需要兼容ie9浏览器及以上浏览器,但是在ie9浏览器上运行直接报错,下面给大家介绍一下解决方法! 1、先安装插件 //babel-polyfill npm install babel-polyfill –sa

polyfillvuejs兼容IE浏览器
vuejs前端文本对比不同痕迹

功能需求:痕迹对比,就是当前文本和历史修改过的文本有什么区别?把2边不同的文字用不同颜色标记出来! 1、template代码 <div class="dialog-mark-diff"> <el-car

vue文本对比
vuejs接口axios传参的两种方式Form Data和Request Payload

1、Form Data方式 //引入Qs import Qs from 'qs' // return request({ headers: { 'Content-Type': 'application

axios接口接口对接
el-input输入框关键字筛选列表数据

功能需求:在el-input输入关键字,返回查询列表并显示出来。 1.template代码 <template> <div> <el-input type="text" v-model=&q

el-input筛选数据
Vuejs用sortablejs实现表格之间上下拖拽功能

功能需求:表格需要做排序,拖动需要排序行放在想要的位置。下面需要用到sortablejs插件,下面代码可以直接复制使用! 1、template代码 <el-table :data="list" ref="

queryselectorAllsortsortablejsvuejs拖拽功能
el-table根据不同类型设置不同td颜色方法

功能需求:el-table中有一个字段,想根据不同类型改变不同颜色。下面是代码介绍! 1、用:class判断 <el-table-column prop="type" label="类型"&gt

el-table颜色颜色设置
el-form-item/el-table-column用v-if赋值出现数据错乱

问题描述:同一用户根据不同权限显示的el-form-item搜索和el-table-column列表(初次显示正常,第二次就会出现错乱问题。) <el-table-column prop="emergency" l

el-formel-table数据渲染
vuejs通过input实现表格/列表模糊搜索代码分析

功能需要:页面列表内容太多,不想用接口搜索实时调用,想通过一个input模糊搜索快速查询信息。 1、template <el-input v-model="search" placeholder="请输入

el-inputinput模糊搜索
vuejs实现输入完input自动跳到下一个input

功能需求:做一个身份证后四位输入或汽车牌照输入,每个数字/字母一个input,想输入完当前的input后自动跳到下一个input,删除当前input后自动跳到前一个。 1、template代码 <div v-for="(it

inputvuejs