sfornt - 博客园

2018年11月15日

摘要：实例生命周期每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化阶段、运行中阶段、销毁阶段每个Vue实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到DOM、数据变化时更新等。同时这个过程中也会运行一些叫做生命周期钩子的函数，给与用户机会在一阅读全文

posted @ 2018-11-15 09:51 sfornt 阅读(589) 评论(0) 推荐(0) 编辑

vue+element-ui的简洁导入导出功能

摘要： 1.前段后台管理系统中数据展示一般都是用表格,表格会涉及到导入和导出;原生js导出excel2.导入是利用element ui的Upload 上传组件; 3.导出是利用file的一个对象blob;通过调用后台接口拿到数据,然后用数据来实例化blob,利用a标签的href属性链接到blob对象 4.贴阅读全文

posted @ 2018-11-15 09:50 sfornt 阅读(11055) 评论(0) 推荐(0) 编辑

vue使用axios中 this 指向问题

摘要： 1.解决办法在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined，可以使用箭头函数"=>"来解决。如下： 2. 原因 ES6中的箭头函数 "=>" 内部的this是词法作用域，由上下文确定（也就是由外层调用者vue来确定）。 3. 题外话使用阅读全文

posted @ 2018-11-15 09:47 sfornt 阅读(1044) 评论(0) 推荐(0) 编辑

2018年11月14日

vux安装时报vux-loader配置问题

摘要：一、初始化：webpack 项目塔建：使用vue cli塔建基于webpack的vue环境。然后根据vux官网安装使用文档安装vux组件库及配置build/webpack.base.conf.js。如果看不懂webpack.base.conf.js怎么配，直接点击这里拷贝这里吧。安装其它的依赖：阅读全文

posted @ 2018-11-14 21:17 sfornt 阅读(668) 评论(0) 推荐(0) 编辑

vue项目打包后想发布在apache www/vue 目录下

摘要：使用的是vue element admin做示例，可以参考Vue项目根据不同运行环境打包项目，其他项目应该大同小异。使用vue router的browserHistory模式，配置mode: 'history', 有更好的体验。目的：想将项目打包后发布到apache的www下的vue子目录先阅读全文

posted @ 2018-11-14 21:15 sfornt 阅读(3172) 评论(0) 推荐(0) 编辑

基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多

摘要：通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点，因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的，所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多，所以对于无限滚动加载不需要写首次载入列表的函数，代码如下：这里重要的是判断，当当前页面为0的时候，即第一页阅读全文

posted @ 2018-11-14 21:15 sfornt 阅读(536) 评论(0) 推荐(0) 编辑

ElementUi rules表单验证

摘要： ElementUi 表单验证工作中常用到的JS验证可以在pattern中书写正则，并且配合elementUI进行表单验证。 pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。原文地址：https://segmentfault.com/a/1190000012551362 阅读全文

posted @ 2018-11-14 21:13 sfornt 阅读(3660) 评论(0) 推荐(0) 编辑

vue+element-ui+slot-scope或原生实现可编辑表格(日历)

摘要：你们公司的产品是不是还在做一个可编辑表格功能? 1.前言咱开发拿到需求大多数是去网上找成型的组件，找不到再看原生的方法能否实现，大牛除外哈，大牛一般喜欢封装组件框架。 2.思路可编辑表格在后台管理系统还是比较常用的，因为比较流行框架element,iview都没有这个应用,所以考虑了两种方法，下阅读全文

posted @ 2018-11-14 21:12 sfornt 阅读(4553) 评论(0) 推荐(0) 编辑

vue非父子组件间传参问题

摘要：最近在使用vue进行开发，遇到了组件之间传参的问题，此处主要是针对非父子组件之间的传参问题进行总结，方法如下：一、如果两个组件用友共同的父组件，即 1、父组件给组件1绑定一个方法，让组件1进行回调,组件2接收某个属性，通过改变父组件的数据从而实现组件2的属性值的更新，即父组件组件1 2、通过bus 阅读全文

posted @ 2018-11-14 21:11 sfornt 阅读(323) 评论(0) 推荐(0) 编辑

vue源码之响应式数据

摘要：分析vue是如何实现数据响应的. 前记现在回顾一下看数据响应的原因. 之前看了vuex和vue i18n的源码, 他们都有自己内部的vm, 也就是vue实例. 使用的都是vue的响应式数据特性及$watchapi. 所以决定看一下vue的源码, 了解vue是如何实现响应式数据. 本文叙事方式为树藤阅读全文

posted @ 2018-11-14 21:10 sfornt 阅读(429) 评论(0) 推荐(0) 编辑