标签:Vue.js

使用Fullcalendar管理时间计划调度安排

使用Fullcalendar管理时间计划调度安排

2019年12月28日作者:月光光

Fullcalendar可以很好的管理日程安排事件,可以管理时间和任务调度,比如日常值班岗位安排、举办活动会议议程安排、项目行动安排、车间劳动岗位排班等等。今天我们来了解一下使用Fullcalendar(v4),完成一个基于时间的行动任务调度,先看演示DEMO。阅读全文

使用Fullcalendar管理日程事件(增删改查拖放)

使用Fullcalendar管理日程事件(增删改查拖放)

2019年12月22日作者:月光光

新版Fullcalendar(v4)拥有丰富的选项方法事件配置以及插件应用,对开发者非常友好,开发者可以轻松的利用Fullcalendar定制一个完美的日程安排应用,本文将讲解最实际的日程事件管理前后端交互实例,包括事件的增删改查以及拖放应用的实现。阅读全文

在Vue框架下使用Fullcalendar

在Vue框架下使用Fullcalendar

2019年12月14日作者:月光光

Fullcalendar是一个非常受欢迎的日历日程处理的js组件,它功能强大,文档齐全,可定制化高,可与你的项目无缝对接。本站之前有很多文章介绍了Fullcalendar(v3)的使用。今天我们来看看如何在Vue框架下使用Fullcalendar。阅读全文

Vue项目中使用Axios封装http请求

Vue项目中使用Axios封装http请求

2019年10月22日作者:月光光

使用axios可以统一做请求响应拦截,例如请求响应时我们拦截响应信息,判断状态码,从而弹出报错信息。请求超时的时候断开请求,还可以很方便地使用then或者catch来处理请求。阅读全文

Vuex与组件通信

Vuex与组件通信

2019年09月20日作者:月光光

我们在开发一些比较大型的项目中,既有父子组件通信又有兄弟组件通信,甚至无关联的组件间也要通信,这时单靠前面文章中讲的$emit,$on,$refs等方式管理数据显得比较混乱,那么我们可以使用Vuex来管理组件间的数据通信。阅读全文

Vue组件间通信:兄弟组件间通信

Vue组件间通信:兄弟组件间通信

2019年09月14日作者:月光光

我们知道Vue组件间通信方式有多种,我们可以让父子组件间通信变得很简单,也可以让兄弟组件间通信变得容易。本文我们主要介绍兄弟组件间的通信方式:eventBus。阅读全文

Vue组件间通信:父子组件通信(2)

Vue组件间通信:父子组件通信(2)

2019年08月29日作者:月光光

上一期我们了解了Vue父子组件间使用Props和$emit自定义事件的方式通信,父子组件间可以很方便的进行数据交互,本文将继续补充父子组件间通信的方式:$refs,我们可以在父组件中使用$refs访问到子组件的方法。阅读全文

Vue组件间通信:父子组件通信(1)

Vue组件间通信:父子组件通信(1)

2019年08月26日作者:月光光

Vue组件间通信包括:父子组件间通信,兄弟组件间通信以及模块之间通信等。Vue是数据驱动视图更新的框架, 所以对于Vue来说组件间的数据通信非常重要。Vue实现组件间通信有很多方式,今天我来给大家讲解一下父子组件间通信:props和$emit。阅读全文

Vue移动端右滑屏幕返回上一页

Vue移动端右滑屏幕返回上一页

2019年06月25日作者:月光光

有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。阅读全文

使用vue-i18n实现多语言切换效果

使用vue-i18n实现多语言切换效果

2019年06月18日作者:月光光

有些项目我们需要支持多种语言切换,满足国际化需求。 vue-i18n是一个vue插件,主要作用就是让项目支持国际化多语言,使用方便快捷,能很轻松的将我们的项目国际化。本文主要介绍使用vue-i18n实现切换中英文效果。阅读全文

上一页123下一页