Vue+Element UI

猿序写该篇文章相关应用Demo,面向对象为具有一定的编程基础。如果,你没有一定的编程基础,猿序推荐你几个网址:

Vue官方文档:https://cn.vuejs.org/v2/guide/

Element UI官方文档:http://element-cn.eleme.io/#/zh-CN

学习之前,猿序认为在没有任何编程基础的前提下,最好还是学习一下JavaScript编程语言。Javascript是一种弱类型的直译式脚本语言,常用于Web编程,网站上,你所看到的各种弹窗效果,保存等等基本是用JavaScript完成的。猿序,在学校期间,对JavaScript极其的热衷,猿序将JavaScript高级编程第三版,从基础到进阶,完完全全的看完了,当然,现在,对JavaScript一些知识还是有些遗忘的,所以,猿序会找时间和喜欢编程的朋友一起回顾和学习。下面,就让我们切入正题吧:

一、日历日期组件

涉及到技术栈:JavaScript、Vue、scss、函数式编程

效果:

在每个日期中,可以定制各种各样的效果,例如,在制作这个组件的时候,产品给的需求是,每个日期可以填写销售预估值,支持添加备注,查看备注,备注累加展示,切换日期,可查看过往销售预估值,点击回到今天,可以返回系统当前时间下的销售预估值填写,查看等等。现如今的需求是,不允许编写了,数据的来源是数据组提供,每天定时更新。

需要Demo例子的朋友,可以给猿序留言,猿序将组件发给你,然后,告诉你如何将其运用到你的项目中,如何对该组建进行二次改造。

关键点:在制作日历日期组件的时候,朋友,你必需熟悉JavaScript的Date()对象。

下期介绍地区联动组件,改造vue-area-linkage插件,因为我再用这款插件的时候,发现这款插件缺少很多地区,比如说,深圳地区中新增的光明新区等等,在插件中是没有显示的,而原作者,却没有爬取最新的数据进行更新,猿序采用Github上的教程,试图更新旧版的地区联动插件,那晚,结束996生活的我在第一天,被老大追着修复版本更新的bug。我们在进行版本更新的时候,在提交代码完毕之后,要告知其他同事重新run一遍,否则,同事提交合并到master上后,就会出问题的,因为它的package.json文件中所引用的版本还是旧版的,导致新版的用不了,所以,暂时回退了地区联动的版本,在第二天的上午,花了一个小时左右,对插件进行改造完了,如果缺少地区,就可以通过配置信息完成,而且可以实现自定义各种各样的样式。下期介绍如何改造该插件,未完待续……

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180819G1FUL400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券