vue
文章平均质量分 61
lemon678
这个作者很懒,什么都没留下…
展开
-
VueJs $watch()方法总结!!
最近公司用vue框架写交互,之前没怎么写过,但是很多数据双向绑定的东东跟angular很像!所以上手很快!哈哈今天就碰到一个vue的问题啊!!产品需求是,datetimepick时间选择器一更改时间,就重新ajax获取数据渲染图表,很简单的需求啊!用angula ng-change监听inpu框框,分分钟搞定啊!用特么js原生 on-change也分分钟搞定啊!问题是尼玛的VueJs对inpu...原创 2018-11-27 09:47:46 · 51252 阅读 · 4 评论 -
vue2中(路由/父子/组件/事件)数据通信方法总结
最近一直在搞我司官网控制台的重构,被产品虐的这叫一个死去活来,今天终于有时间,整理下最近用到的vue数据通信的几种场景。1.组件通信这是最普通的交互场景,如下图中,报表页面用到了一个自己写的下拉菜单的组件,用户在子组件内部勾选完成后,通过触发emit把勾选的数据传递给父子的data层父级html <domainPopSelect v-bind:domainbizty...原创 2018-11-27 09:51:13 · 12546 阅读 · 0 评论 -
前端记住密码功能
上周给运营系统补了个记住密码的功能,好像很容易的需求啊,还真费了不少劲,补充了不少cookie方面的知识~特地总结下!大体思路就是通过存/取/删cookie实现的;每次进入登录页,先去读取cookie,如果浏览器的cookie中有账号信息,就自动填充到登录框中,存cookie是在登录成功之后,判断当前用户是否勾选了记住密码,如果勾选了,则把账号信息存到cookie当中,效果图如下:浏览...原创 2018-11-27 09:48:27 · 54319 阅读 · 8 评论 -
vue2.0实现父子通信(基于之前我写的复选框组件)
不久前分享了我自己写的多选框组件(http://download.csdn.net/detail/lemon_zhao/9705162),基于vue1.0写的,最近写的项目是vue2.0的,顺道把这个组件做了下升级,1.0和2.0差别还是蛮大的,走了不少弯路,特地总结一下!!1.套用官网上的一句话总结父子通信的问题,props down, events up,父级往子集通信用props属性,子集...原创 2018-11-27 09:50:48 · 2194 阅读 · 0 评论 -
vue2.0结合DataTable插件实现表格的动态刷新
今天周六啊!一想到我的凤九和东华要生小滚滚,我就归心似箭无心敲代码!产品提出的需求是这样的,很普通的一个统计server端task完成率和状态的表格,要自动刷新其中的数据,并且当单个task完成的时候report给server端,看起来好easy好easy的一个需求啊!且听我说完哈!我这边使用的是框架是vue,表格自然用v-for渲染,然后我们这边分页搜索神马的都是前端弄,也就是说后端只管...原创 2018-11-27 09:51:06 · 69030 阅读 · 9 评论 -
vue2.0开发过程中踩的坑!
昨天素素终于跳了诛仙台,我好开心呀!今儿个特地整理了下vue2.0开发过程中踩得坑!希望和大家交流!一、声明周期声明周期钩子详见这张图 https://segmentfault.com/q/10100000077041141.0的ready替换成了mounted,即模板编译挂载之后数据data要写成function的形式了,像这样 data () { retur...原创 2018-11-27 09:50:56 · 11719 阅读 · 0 评论 -
vue2.0环境搭建(含router路由)
现如今这四海八荒都在用vue啊!年前我手头新做一个运营平台,截图如下,前后端分离,费了半天劲终于把环境搭建起来了,年后有功夫了,特地整理下,希望大家能少走些弯路!一、搭建环境用官方的脚手架cli一步一步按流程走,我整理出的流程如下,参考官网指导 https://cn.vuejs.org/v2/guide/installation.html#NPM1. npm install vue-c...原创 2018-11-27 09:48:02 · 13874 阅读 · 0 评论 -
vue实现多种复选框,含搜索
最近在重构一个复选框组件,原型是select2这个jquery插件, 有兴趣的可以去搜下,封装的很好,但是并不能满足业务所有需求,最要命的是jquery插件这种以dom驱动数据的库,并不能和vue和angular这种数据驱动dom的框架很好的结合,所以我用vue的component重构了一下,走了不少弯路,做的demo分享出来,还请大家指点一二!download地址:http://downlo...原创 2018-11-27 09:49:31 · 12919 阅读 · 0 评论 -
基于vueJs框架的翻页组件
翻页功能对前端后端都是个难题啊!今天终于给踩了!哈哈!整理下方法,我是基于vueJs写的,同样适用于angular哈!封装下载地址:http://download.csdn.net/detail/lemon_zhao/9611920效果截图:整体实现逻辑,当用户点击页码时,ajax从后端获取数据,包括:records(当前页查询到的记录),totalRecords: 121(所有记...原创 2018-11-27 09:48:20 · 4563 阅读 · 0 评论 -
在linux服务器上进行vue2的动态编译
之前有提到,我这边进行的前端项目是基于vue2搭建的,编译一直是在本地进行的,然后合并到master分支上,再上线代码,这样做有一个问题就是,因为编译后的dist目录时存在于git代码库里的,后期分支多了,开发人员多了,经常merge和pull操作的时候,dist目录经常会发生冲突!so,正确的做法是把dist目录从git代码库里去掉,只保留src源文件,而编译的过程放到server上进行。说...原创 2018-11-27 09:52:04 · 1987 阅读 · 1 评论