vue教程
-
vue中实现图片压缩 file文件的方法
项目中遇到上传图片需要在前端进行图片压缩,将我的实现思路记录一下。(我已经拿到上传的file文件的前提下) 先创建一个公用的js,这里我的是api.js,里面封装一些常用的方法 将图...
-
el-form-item 设置 prop 报错:please transfer a valid prop path to form item的解决办法
please transfer a valid prop path to form item的解决办法,el-form-item上的属性prop字段,必须是其父级组件el-form中绑定model字段中的一个直接子属性。...
-
vue使用nprogress加载路由进度条的方法
1、效果图 2、安装 npm install --save nprogress 基本用法 NProgress.start(); NProgress.done(); 3、在路由中使用 import NProgress from 'nprogress' import 'nprogress/nprogress.css' router.beforeEach((to, fro...
-
Vue Cli4中vue.config.js标准配置
Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么...
-
一次性讲明白vue插槽slot
vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的呢?它要解决什么场景的问题呢? 我们在构建页面过程中一般会把用...
-
vue-router菜鸟教程
本文主要是参考了官方文档.除了不常用的过渡动效和数据获取,都进行了分析说明.说明:每一节都在文档的基础上进行了更通俗的解释;例子:每一节都添加了单独的例子进行详细的说明,官方没有或复杂或略过的都有详细的说明.总结:每一节都会有tips注意点,实际开发的经验和总结....
-
vue二次封装element ui的select或者input组件
有时候我们会把select或者input等element ui组件进行业务封装,方便复用的需求。比如我有个select,需要获取部门信息,在多个列表里使用,那我可以进行如下封装...
-
ElementUi多选框表格,翻页选中有记忆功能保持默认选中
在用vue开发表格多选功能时,遇到一个翻页后需要保持之前选中的状态。简单说就是让表格翻页选中仍然有记忆功能。切换分页持久化选中表格,其实关键代码就这2行.:row-key="(row)=>{ return row.id}".:reserve-selection="true"...
-
vue里使用lodash进行防抖和节流操作
vue里使用lodash进行防抖和节流操作。节流(throttle): 创建一个节流函数,在等待时间内最多执行 一次的函数...
-
vuejs报错DOMException: Failed to execute 'insertBefore' on 'Node'
在vue和大部分的mvvm的前端js框架中,基本都提供了类似 *-if 和 *-show的局部显隐控制指令,而这两个指令在实际运用中是有区别的。...
-
解决vue热加载advanced module optimization 编译速度很慢的问题
解决vue热加载advanced module optimization 编译速度很慢的问题。npm install babel-plugin-dynamic-import-node --save-dev...
-
vue组件的设计原则的理解
vue组件的设计原则,第一: 容错处理, 这个要做好, 极端场景要考虑到, 不能我传错了一个参数你就原地爆炸,第二: 缺省值(默认值)要有, 一般把应用较多的设为缺省值...
-
Vue中$attrs和$listeners的用法
首先我们来看下面的一张图,图中表示一个多级组件嵌套的情形。 现在我们来讨论一种情况,A组件与C组件怎么通信,我们有多少种解决方案? 我们使用VueX来进行数据管理,但是如果...
-
Vue中mixin的用法详解
vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。单纯组件引用:父组件 + 子组件 >>> 父组件 + 子组件。mixins:父组件 + 子组件 >>> new父组件...
-
vue-devtools安装教程
vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。...
-
vue.sync的用法
vue提供了.sync修饰符,说白了就是一种简写的方式,我们可以将其当作是一种语法糖,比如v-on: click可以简写为@click。sync修饰符,与我们平常使用$emit实现父子组件通信没有区别,只不过是写法上方便一些。...
-
vue父向子传递值、方法和子向父传递值和方法
使用vue这种组件化开发的项目里,父子组件间相互传值是非常频繁的操作。比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?父组件向子组件传递数据(可以通过props属性来实现)...