首页 > 其他分享 >fullcalendar日程events接收到数据但是并没有渲染到前端页面上(已解决)

fullcalendar日程events接收到数据但是并没有渲染到前端页面上(已解决)

时间:2023-05-14 21:44:10浏览次数:38  
标签:fullcalendar 前端 events let calendarApi event 页面

前端确认是能够接收到后端的数据而且跟前端预设的数据一模一样但是就是无法显示到前端上

我使用的fullcalendar版本是6.1.7,events使用数组形式[],fullcalendar文档是英文的,例子比较少就没发现这种方法,

解决方法

调用fullcalendar API进行事件移除

let calendarApi = this.$refs.calendar.getApi()

let events = calendarApi.getEvents();

if (events.length > 0) {

        _.forEach(events, event => {//_此处的下划线来自于Lodash,需要导入才能不报错

          event.remove()

        })

}

调用fullcalendar API进行事件添加

let calendarApi = this.$refs.calendar.getApi()

calendarApi.addEvent(event)

 

以上方法来自于vue中使用fullcalendar插件events无法动态渲染解决方案

vue中使用fullcalendar插件events无法动态渲染解决方案

标签:fullcalendar,前端,events,let,calendarApi,event,页面
From: https://www.cnblogs.com/neo-y/p/17400317.html

相关文章

  • edge浏览器网页长截图插件(将页面宽度设窄也适用)
    该插件的缺点:有时会排版错误;对于有些页面,会缺少部分文字;不能从“只当前位置向下”截图,只能整个页面或可见区域。插件安装和使用科X上网;用edge访问:捕捉网页截图-FireShot的-MicrosoftEdgeAddons打开要截图的页面点击该扩展:或等待自动滚动完成:另存为图片或“复......
  • 从输入 URL 到页面展示到底发生了什么?
    转载:https://www.bilibili.com/video/BV1rV4y1H73o/?spm_id_from=333.337.search-card.all.click&vd_source=46d50b5d646b50dcb2a208d3946b1598......
  • TinyMCE 6 编辑器+ Layui 2.8.2+单页面
    TinyMCE6编辑器+Layui2.8.2 拓展 tinymce.js目录结构  layui.define(function(exports){vart={};//初始化t.bulid=function(options){if(typeoftinymce=='undefined'){varscript=document.cr......
  • wordpress插件:用Hide Page And Post Title插件隐藏页面标题(wordpress 6.2)
    一,安装插件:安装完成后点击启用按钮启用后如图:二,隐藏页面标题效果:说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest     对应的源码可以访问这里获取: https://github.com/liuhongdi/     或: https://g......
  • 配置wordpress:为博客文章设置独立的页面(wordpress 6.2)
    一,添加页面页面->新建页面添加标题后点发布二,配置主页为一个静态页面,然后文章页可以指定外观->自定义主页外:选择一个静态页面->文章页选择我们添加的博客页面->发布三,菜单上添加链接页面上的链接:说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnbl......
  • vue在手机端页面缩放的控制
    1,问题的提出某vue前端程序,在手机APP上运行。需要做多图片浏览效果,要求如下:进入浏览页面时,显示适应手机页面的缩小图,用户可采用双指缩放,放大查看小图用户点击图片时,弹出大图,宽度尺寸固定为1200px大图可移动查看,但不允许缩放,点击大图后退出以上要求中,第2和3叠加后,可能造成显......
  • golang web页面动态加载实现
            Go的web页面动态加载实现。  1.在MySQL中添加表项users,构造多条数据。CREATETABLEIFNOTEXISTSusers(idINTUNSIGNEDAUTO_INCREMENT,usernameVARCHAR(255)NOTNULL,passwordVA......
  • vue3 setup 父页面调用子组件及子组件调用父页面方法的DEMO
    父页面调用子组件中方法父页面<template><div><!--第四步:页面使用子组件,并添加ref属性,注意ref属性不能和子组件重名--><role-cardref="roleRef"></role-card></div></template><scriptlang="ts"setup>import{ref......
  • 跳转页面input输入框自动聚焦,兼容安卓和ios
    需求是这样:点击某个页面或某个页面的模块,跳转到带搜索的子页面,并且自动弹出手机软键盘。长话短说,代码://封装一个自动聚焦的函数,兼容ios和安卓constautofocusFn=()=>{constdoc=documentconstinput=doc.querySelector('#hide-focus-input')letdom=null......
  • 微信小程序获取appid 小程序appid获取 小程序页面链接获取
    1.可以获取任何小程序的appid2.可以获取任何小程序的对应页面链接3.以上二者收费服务2块钱一次,单独一项1元不支持后付费需要的加微信备注来意 ......