第一次手写日历,遇到很多坑,好在都解决,感谢度娘娘(微笑)gitHub源码(https://github.com/xqtian/calendar)让你满意记得给小星星哦功能包括显示星期公历,农历,节气等; 左右滑动日历滑出上下周,监听当前日期改变年月;日期弹框可自动选择日期;用功能点包括,Moment.js ,vux,滑动组件vue-awesome-swiper当前日历为显示三个月范围,要是想
话不多说,直接上干货! 有道是“好记性不如烂笔头”。当然现在大家都不怎么写字了,拿鼠标和手机时间更长了,形式上更愿意使用线上方式进行记录!所以,这次小麦给大家安利一个计划安排查阅好帮手—动态日历表!提到日历表,它作用大家应该都很熟悉,主要用于以下几个方面:1、使用日历表表形式记录每日工作计划总结。 2、在日历备注或是查询生活工作中一些重要事情。 3、还可以使用日历方式对每日
fullCalendar相关API使用fullCalendar插件在项目中实现日程排版,支持天、月日程转换,自定义事件页面布局通过按钮切换天与月视图转换,天视图回显具体时分排版项目,月视图回显缩略信息<div class="order-day-calendar h-100 clearfix"> <div id='calendar' class="h-100" @co
在使用element-plusloading加载组件时,发现了这么一个方法  引发思考:第一行代码很好懂,创建一个ElLoading实例,其中options时启动loading配置项第三行代码很好懂,关闭这个loading实例,那么第二行这个nextTick是干什么用呢 我们不妨反向思考一下,如果没有这个方法,直接写loadingInstance.close会
转载 2024-05-18 13:50:23
136阅读
目录1、安装Element-ui2、安装阿里云OSS3、项目使用了Element-ui里面的上传组件(组件代码来自Element-ui官网)4、如何使用OSS sts授权登录1、安装Element-uinpm i element-ui -s2、安装阿里云OSSnpm install ali-oss3、项目使用了Element-ui里面的上传组件(组件代码来自Element-ui官网)<e
转载 2024-04-03 13:38:20
130阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我课表</title&g
转载 7月前
27阅读
uniapp Vue3 日历 可签到 跳转
原创 2024-01-20 21:55:21
194阅读
一、搭建ts环境:1.1 项目阶段--------通过webpack搭建一个ts 环境,需要配置npm install ts-loader typescript -D,通过脚手架会自动配置1.2 学习阶段--------安装ts-node -> ts-node TypeScript文件 直接运行 -> 编译+跑在node环境中二、注意事项:2.1 所有的ts文件在同一个作用域下,
  如果您有疑问,请观看视频教程《Vue3实战教程》创建一个 Vue 应用应用实例每个 Vue 应用都是通过 createApp 函数创建一个新 应用实例:jsimport { createApp } from 'vue' const app = createApp({ /* 根组件选项 */ })根组件我们传入 createAp
原创 9月前
51阅读
setup() { //数据 let num = ref(0) let msg = ref('6666') let person = reactive({ name:'大王', age:18, job:{ j1:{ money:20 } } }) //情况1:监视ref定义数据(watch有第三个 ...
转载 2021-10-25 22:37:00
156阅读
2评论
setup执行时组件对象还没有创建,此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件实例对象,也就是当前vue这个实例对象 <template> <div> </div> </template
原创 2022-04-21 13:43:48
1519阅读
定义:在 Vue3,ref成为了新集合,除了用于创建 响应式数据之外,还可以用于用DOM元素、组件实例和其他对象。变得更加全能多样
原创 2024-06-05 09:28:45
530阅读
vue3 hooks 是什么?简单来说如果你函数中用到了诸如 ref,reactive,onMounted 等 vue 提供 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我理解则是它可以通过特定函数将逻辑 “钩入” 组件,使得开发者能够更灵活地构建和管理组件功能从而提高代码可读性以及可维护性等本篇文章将介绍hoo
Vue Vue.prototype 详解及使用——作用:避免和已被定义数据、方法、计算属性产生冲突**应用场景:**在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,可以通过在原型上定义它们使其在每个 Vue 实例可用。1、基本示例在main.js添加一个变量到 Vue.prototypesrc/main.jsVue.prototype.$appName = 'My A
一.Vue3介绍相信大家都已经学习过Vue2了,对Vue有了一定了解。那么今天我们就一起来学习有关Vue3知识点。那为什么要学习Vue3呢,主要是他有以下特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g 创建一个vue3 项目vue create 项目名称
学习之前我们需要先了解vite是什么?移步官网:Vite 官方中文文档vite是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:一个开发服务器,它基于 原生 ES 模块 提供了 丰富内建功能,如速度快到惊人 模块热更新(HMR)。一套构建指令,它使用 Rollup 打包你代码,并且它是预配置,可输出用于生产环境
// watch 简单应用watch(data, () => {   document.title = 'updated ' + data.count })// watch 两个参数,代表新值和旧值watch(refData.count, (newValue, oldValue) => {   console.log('old', oldValue)   console.log(
转载 2021-04-28 13:00:47
255阅读
2评论
文章目录electron系列文章目录复习一、构建项目以谁为主二、创建项目1.使用vite创建vue项目2.vue项目中下载electron3.定义入口文件三、electron运行vue项目electron增加窗口显示electron运行vue项目总结 复习前面已经简单介绍如何创建一个比官网更简单electron应用,如果时间充裕,还是建议以官网为主,本系列为辅,快速学习electron。
Vue3Vue3hooks函数示例
原创 2022-08-28 00:01:21
352阅读
对于大多数单页应用程序而言,管理路由是一项必不可少功能。随着新版本vue Router处于Alpha阶段,我们已经可以开始查看下一个版本vue它是如何工作Vue3许多更改都会稍微改变我们访问插件和库方式,其中包括Vue Router。我们将结合使用Alpha版本Vue Rout
转载 2020-09-29 19:01:00
174阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5