vue
关注
分享
扫一扫
文章平均质量分 95
_let
要么孤独，要么庸俗
展开
-
vue/cli4 单元测试与覆盖率体系搭建
探索 vue-cli4 创建集成 mocha + chai 的项目中，如何写单元测试和查看单元测试覆盖率。原创 2020-05-29 11:00:04 · 2816 阅读 · 1 评论 -
使用 Element 上传组件读取文件
需求：支持 .txt 和 .sql 后缀文件内容的读取，最大 2MB。显示已读取文件名称、读取进度和读取成功状态。读取按钮重复点击时，已读取文件列表中的文件被新的文件替换。原创 2020-05-06 15:52:14 · 3562 阅读 · 0 评论 -
element 日期选择器如何动态限制选择范围
以开始日期和结束日期不能相同为例：data () { let _disabledDate = null return { dateRange: '', pickerOptions: { onPick ({maxDate, minDate}) { // 只选择了一个日期 _disabledDate = !maxDate ? mi...原创 2020-04-02 10:58:40 · 1440 阅读 · 1 评论 -
vue 中 loading 状态与值为空 filter
vue 中 loading 状态与值为空 filter/** * 值为 loading 状态时，显示 ‘-’ * * @param {*} value - 值 * @param {boolean} isLoading - 是否为 loading 状态 * @param {string} [loadingText='-'] * @returns */export...原创 2020-01-09 16:50:15 · 635 阅读 · 0 评论 -
axios 拦截器与取消 pending 状态请求
axios 拦截器与取消 pending 状态请求/** * axios 拦截器配置 */import axios from 'axios'import { Notification } from 'element-ui'import router from '../router/index.js'// 跳转到登录页面const gotoLoginPage = function...原创 2020-01-09 16:14:20 · 6245 阅读 · 0 评论 -
TypeError: Cannot read property 'indexOf' of undefined at VueComponent.resetField
本文首发于 语雀在这个复用的弹出框中，有时操作成功后会在控制台报一个这样的错误：百思不解，直到在报错信息中点击 element-ui.common.js?5c96:17242 后看到这一行：再结合报错信息，我们可以得知，应该是我们每个 el-form-item 标签的 prop 属性有问题。果然，存在一个没有传入 prop 属性。...原创 2019-09-05 11:53:54 · 19367 阅读 · 5 评论 -
UI 组件二次封装之 props 传递与 v-model 实现
UI 组件二次封装之 props 传递与 v-model 实现我们知道在组件的二次封装的时候，有三点是必须做到的：原组件的 props 继承、事件传值的回掉函数、v-model 双向绑定。本文以 elemnetUI 为例，记录原组件的 props 继承以及 v-model 双向绑定相关的解决方案。一、props 继承以 el-select 为例，我们知道它的 change 事件只能获取选项...原创 2019-06-14 10:09:59 · 7080 阅读 · 2 评论 -
elementUI 输入框回车刷新页面
elementUI 输入框回车刷新页面如何出现？当 el-form 表单内只有一个 el-input 输入框时，在输入框内回车触发表单提交。<el-form :model="formData"> <el-form-item label="服务名称" :rules="[ { ...原创 2019-06-14 09:19:13 · 4935 阅读 · 3 评论 -
checkCard 组件
发现最近比较常用选择卡片这一类的效果，干脆封装一个组件~嗯 。。。 这个最近有点久 ^_^<template> <div class="group-content" :style="{width: row ? row*(iconSize + padW*2 + space*2) + space*2 +'px' : '100%',backgroundColor: compon...原创 2019-01-07 10:25:11 · 953 阅读 · 0 评论 -
CKeditor 编辑器使用记录 （CKeditor 4 and 5 ）
文章目录CKeditor 编辑器CKeditor 4 使用自定义构建CKeditor 5 使用CDN 使用npm 使用自定义图片上传自定义图片上传（七牛云）自定义构建基本操作还原编辑器样式CKeditor 编辑器CKeditor 是一款可定制的适合开发人员使用的富文本编辑器编辑器官网CKeditor 4 使用官网自定义构建构建页面常用插件Code tagEasy ImageF...原创 2018-12-19 15:46:47 · 7213 阅读 · 1 评论 -
VUE 根据需要动态加载单文件组件
根据需要动态加载组件核心方法 // 动态添加需要的版式 registerComponent(templateName) { return import(`../component/plate/mainBoard/${templateName}.vue`).then(component =&gt; { const constructor = Vue.ex...原创 2018-12-19 15:25:10 · 5921 阅读 · 3 评论 -
vue 中使用防抖和节流
防抖和节流是我们在开发过程中常用优化性能的方式那么在 vue 中怎么使用呢：在公共方法中（如 public.js 中），加入函数防抖和节流方法// 防抖export function _debounce(fn, delay) { var delay = delay || 200; var timer; return function () { ...原创 2018-09-01 15:23:20 · 30175 阅读 · 22 评论 -
VUE 设置本地代理
配置proxyTable在vue-cli项目中的config文件夹下的index.js配置文件中，找到 proxyTable 的位置： dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assets...原创 2018-04-20 17:24:01 · 12986 阅读 · 0 评论 -
vuex 详解
目录目录vuex安装及使用简介安装使用注册项目中调用vuex核心概念State单一状态树在 Vue 组件中获得 Vuex 状态mapState辅助函数对象展开运算符组件仍然保有局部状态GettersmapGetters 辅助函数Mutations提交载荷（Payload）对象风格的提交方式Mutations 需遵守 Vue 的响应规则使...转载 2018-04-18 11:13:59 · 773 阅读 · 0 评论 -
vue第一步
vue配置检查npm和node版本npm -v 3.0 + => npm install npm -gnode -v 4.0 + 全局安装 vue-clinpm install vue-cli -g 全局安装 现在支持的模板 vue list - browserify - browser...原创 2017-08-15 10:35:52 · 337 阅读 · 0 评论 -
vue登录拦截与请求/响应拦截
登录拦截在路由文件 router.js 中引入 store.jsimport store from '../store/store'配置需要登录权限的路由 { path: '/main', meta: { requireAuth: true // 添加该字段，表示进入这个路由是需要登录的 ...原创 2017-08-15 10:55:25 · 17143 阅读 · 1 评论 -
vuex
什么是Vuex？ vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。引入Vuex（前提是已经用Vue脚手架工具构建好项目）利用npm包管理工具，进行安装 vuex。npm install vuex --save新建一个store文件夹（这个不是...原创 2017-08-15 10:53:15 · 557 阅读 · 0 评论