第一次手写日历,遇到很多坑,好在都解决,感谢度娘娘(微笑)gitHub源码(https://github.com/xqtian/calendar)让你满意记得给小星星哦功能包括显示星期公历,农历,节气等; 左右滑动日历滑出上下周,监听当前日期改变年月;日期弹框可自动选择日期;用的功能点包括,Moment.js ,vux,滑动组件vue-awesome-swiper当前日历为显示三个月范围的,要是想
话不多说,直接上干货! 有道是“好记性不如烂笔头”。当然现在大家都不怎么写字了,拿鼠标和手机的时间更长了,形式上更愿意使用线上的方式进行记录!所以,这次小麦给大家安利一个计划安排查阅好帮手—动态日历表!提到日历表,它的作用大家应该都很熟悉,主要用于以下几个方面:1、使用日历表表的形式记录每日的工作计划总结。 2、在日历表中备注或是查询生活工作中一些重要的事情。 3、还可以使用日历表的方式对每日的信
转载
2024-10-28 09:51:35
36阅读
fullCalendar相关API使用fullCalendar插件在项目中实现日程排版,支持天、月日程转换,自定义事件页面布局通过按钮切换天与月视图的转换,天视图回显具体的时分排版项目,月视图回显缩略信息<div class="order-day-calendar h-100 clearfix">
<div id='calendar' class="h-100" @co
在使用element-plus的loading加载组件时,发现了这么一个方法 引发思考:第一行代码很好懂,创建一个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
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文件在同一个作用域下,
转载
2024-03-06 00:42:42
62阅读
如果您有疑问,请观看视频教程《Vue3实战教程》创建一个 Vue 应用应用实例每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例:jsimport { createApp } from 'vue'
const app = createApp({
/* 根组件选项 */
})根组件我们传入 createAp
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 项目名称
转载
2024-04-06 16:41:00
128阅读
学习之前我们需要先了解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。
【Vue3】Vue3中的hooks函数示例
原创
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评论