最近在项目中遇到了一个需求,在vue中创建一个组件,这个组件显示的是当前的日期,以及在当前的日需要处理的事项,处理的事项的信息会以后端的接口的形式返回。
需求确认后,搭建了一下,在这里记录了一下,现在是简单的实现了这个需求,但是肯定的是后期需要进行修改。
vue就不多说了,在vue中使用的是原生JS
效果图(基本没有样式,很low)
现在实现的都是最初级的版本,代码里面的容错,还有一些性能上的处理,并没有书写。
不多说,上代码:
首先是vue的html结构,很简单,里面添加了一些其他时间形式的显示,可根据具体使用场景增删
今天是 年月日
上个月
/
下个月
接下来是实现我们的这个需求的JS代码的位置了,关于js的代码,在代码里面存在一些注释,具体可以根据,代码的注释进行解读
export default {
data() {
return {
newDate: '',//当前的日期的信息
ynow: '',//当前的年数