vue3 ref store 使用数据需要获取value
1，如果定义 let data=ref(‘’)console.log(data.value) 2, vuex中的数据最好获取且```setup(props, ctx) { let store = useStore(); let list = computed(() => {...
vue3项目提前准备
第一步：安装 Vue 3 TypeScript 项目需要用到的 npm 模块依赖： 执行安装依赖命令：npm i -D typescript @vue/tsconfig； 其中 typescript 模块是 TypeScript 官方的编译模块，@vue/tsconfig 是 Vue 3 官方的配...
vue 组件嵌套需要注意写法
components: { FileUpload, accountNumber, seeRepeat, errorMessage, applyForm: () => import("../form.vue"), //如果组件相互套，可以用这种引入方法来解决 }, 注，组件一...
fullcanlendar 5.11.3 版本
转的文章方便日后查找，怕时间久了文章看不了```<template> <!-- el-mian是个人右侧容器的设置组件 --> <el-main> <div> <!-- 日历头部div --> <div...
vue fullcalendar
文档 https://fullcalendar.io/docs/vue <FullCalendar ref="myCalendar" :options="calendarOptions" /> 以下是中文备注的一些配置说明需要结合文档和自...
vue 项目结构鼠标滑动容器底部
mounted() { this.$nextTick(() => { // 进入nexTick var bady = document.getElementById("list"); // 在html中设置id为iii的div console.lo...
最全的数据深度拷贝方法-vue版
judgeType(obj) { // tostring会返回对应不同的标签的构造函数 const toString = Object.prototype.toString; const map = { '[object Boolean]': 'boolean',...
vue 滑入滑出效果动画
{{errorMessage}} .v-enter-active{ animation: slidein .3s linear; } .v-leave-active{ animation: slidein .3s linear reverse; } @ke...
vue 用当前对象获取坐标距离
selectMeeting(day, jsEvent) { //jsEvent 这个传进来就是$event this.selectDay = day; this.showMore=false; this.meetingShowMore = true; this.morePos = this.comp...
vue 滚动条向下滑动加载更多
scrollMoreData() { //const scrollTopHeight = document.documentElement.scrollTop || document.body.scrollTop|| window.pageYOffset 这句如果一直拿到值是0就用 （...