摘要: 先举个? 我们先来看一个简单的事例首先我使用官方脚手架新建一个项目vue init webpack vue-demo然后我创建两个文件index.js plugins.js.我将这两个文件放置在src/classes/vue-use目录下 接下来对这两个文件进行编写 // 文件: src/class 阅读全文
posted @ 2021-03-17 21:29 天午正阳 阅读(146) 评论(0) 推荐(0) 编辑
摘要: Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div cla 阅读全文
posted @ 2021-03-17 18:26 天午正阳 阅读(103) 评论(0) 推荐(0) 编辑
摘要: Vue.js中this.$nextTick()的使用 this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个d 阅读全文
posted @ 2021-03-17 18:16 天午正阳 阅读(57) 评论(0) 推荐(0) 编辑
摘要: ref 有三种用法: 1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素 2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意: 1、ref 需要在 阅读全文
posted @ 2021-03-17 18:12 天午正阳 阅读(473) 评论(0) 推荐(0) 编辑
摘要: upload上传是前端开发很常用的一个功能,在Vue开发中常用的Element组件库也提供了非常好用的upload组件。 基本用法 代码: <el-upload :action="uploadActionUrl"> <el-button size="small" type="primary">点击上 阅读全文
posted @ 2021-03-17 15:28 天午正阳 阅读(1967) 评论(0) 推荐(0) 编辑