随笔分类 - Vue
摘要：参考博客：https://www.cnblogs.com/databank/p/18129393
阅读全文
摘要：页面效果图： 代码模板： 1 <v-block> 2 <input 3 type="file" 4 name="file" 5 class="el-upload__input" 6 @change="selectFileEvent(fileNameList)" 7 multiple 8 ref="f
阅读全文
摘要：解决方案： 通过this.$forceUpdate()函数实现（意思是强制更新）
阅读全文
摘要：解决方案： 给需要隐藏滚动条的div设置滚动条隐藏 <div style="overflow:hidden"></div>
阅读全文
摘要：1、创建前(beforeCreate) 在实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM节点。 2、创建后(created) 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置:数据观测(data observer)，属性和方法的运算watch/event事件回调。然而，挂
阅读全文
摘要：问题展示 强烈建议（官方建议） 用cdn，避免其他字体依赖导致的问题 CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。 <!-- 引入样式 --> <link rel="stylesheet" href="htt
阅读全文
摘要：前言——了解Vue实例的生命周期 下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。 引入Axios的CDN <script type="text/javascript" src="https://unpkg.com/axios/dist/a
阅读全文
摘要：组件化应用构建 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树： 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。在 Vue 中注册组件很简单： 1）模板：
阅读全文
摘要：通过v-model实现数据的双向绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>双向绑定</title> <script type="text/javascript" src="https://cdn.
阅读全文
摘要：v-on指令可以绑定DOM事件，触发时运行一些JavaScript代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>事件绑定</title> 6 <!-- 1、导入Vue.js -->
阅读全文
摘要：提前要做的一件事：去网上下好Vue.js文件或者也可以直接通过cdn进行在线编程 第一步：启动IDEA，创建打开一个空的文件夹，并创建vue目录后如下图 第二步：在vue目录下创建一个名为demo01.html的静态文件，并编码如下 1 <!DOCTYPE html> 2 <html lang="e
阅读全文
