vue
绒球帽
要学的东西太多了
展开
-
vue3 动态刷新echarts数据
最近在搞vue3项目,用composition API的写法的话的的确确之前很多插件都不好用了,echarts数据刷新这里也是苦恼了一阵首先setup全局数据用provide和inject就能搞定,主要是数据刷新这里的写法。因为vue3的setup里屏蔽了this,并且在setup调起的时期页面还没构建生成,获取不到元素,所以不能像vue2那样直接this.setOption了,要稍微改动一下...setup() { let echarts = inject("ec"); // 我的项目把echa原创 2021-05-26 13:33:49 · 9160 阅读 · 0 评论 -
关于Vue2组件适配迁移到Vue3的坑(持续更新)
>@onclick触发的逻辑有修改原创 2021-05-21 15:27:53 · 647 阅读 · 0 评论 -
解决全屏Blur白边问题
还是在写vtuber-music时候遇到的这个问题,背景的全屏图片需要模糊,但是反复论证filter: blur()只能作用于窗口范围,不能通过margin或者top,left的方式顶出去,而backdrop的方式性能差而且兼容性又不好,所以试来试去找到个办法效果图Vue特别方法(css伪类)vue遇到的问题是需要动态刷新背景,而在vue里的css刷新图片url部分是不会携带background-size这个属性的,所以图片变更的代码里带了background-size如下xxx.原创 2020-07-12 17:11:03 · 2206 阅读 · 1 评论 -
vue如何抽象一个客户端级的audio播放模块(多页面同时控制)
因为很喜欢看vtuber哈哈,最近进了vtuber-music的项目组参与开发,项目是vue项目,但因为UI的设计很偏向客户端,我设计了这个客户端级的audio控件,可多个页面同时控制播放,暂停,切歌,改变音量,播放位置等操作项目开发环境快照 http://47.103.218.183项目开源地址https://github.com/vtbmusic/VtuberMusic (dev分支是最新开发进度,其他是灾备备份)逻辑原理先介绍下逻辑原理,由于这个audio需要多个页...原创 2020-06-15 00:16:43 · 1690 阅读 · 1 评论 -
vue常用的页面监听事件(更新中)
监听页面滚动:mounted() { window.addEventListener('scroll', this.handleScroll)},methods: { /** 处理页面滚动*/ handleScroll() { let scrollTop = window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop; console.log(scrollTop)原创 2020-05-13 04:14:45 · 836 阅读 · 2 评论 -
js获取当前触发元素的位置(绕过a标签)
需求的由来是这样的:我需要做一个点击的动画效果,涉及到获取当前元素的位置,但是下一层的a标签会干扰到实际的获取情况,所以我需要绕过下面的标签,只获取触发器,下面是图js原生的 getBoundingClientRect()方法,可以获取到当前元素的相对浏览器位置逻辑是获取到元素之后检查这个标签是否为a标签,是则寻找他的父元素(触发器),再用找到的父元素使用get....Rec...原创 2020-02-11 01:25:59 · 567 阅读 · 1 评论 -
css方法让图片锁定高宽比全屏居中(背景和img两种)
第一种是把图片放进父元素bacground里,也就是不用子元素:.css{ background: url('../../bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;...原创 2019-03-27 00:57:25 · 2176 阅读 · 0 评论 -
Vue/cli 4.x 无法创建新项目的解决办法
自己在vue create的时候发现报错,提示vue package mistach解决办法:core-js版本过于老旧首先卸载vue/cli和vue sudo npm uninstall -g @vue/clinpm uninstall -g vue然后重新install vue,更新版本(bash在这一步有可能warn你core-js过于老旧)然后更新...原创 2020-01-01 18:46:47 · 2064 阅读 · 0 评论