摘要: 今天写页面的时候发现打开一个el-dialog时,上面覆盖了一层遮罩层,如下: 发现原因是el-dialog的父元素设置的position是absolute 解决办法:加上一行:append-to-body="true" 参考 https://blog.csdn.net/yiyihuazi/arti 阅读全文
posted @ 2023-02-27 17:10 silvia喵 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 要实现如下功能: 点击左图中红框区域,改变右侧栏内容,从11111变成33333 点击右图中蓝框以外的空白区域,右侧栏内容变回1111111 父组件中: // 点击空白处返回最初的右侧边栏内容 handleALL(event){ var one = document.getElementById(" 阅读全文
posted @ 2023-01-12 14:43 silvia喵 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 一些重要特殊的日子,为了表示哀悼,需要将网页显示为灰色 加上两行css即可实现 <template> <el-container> ... ... </el-container> </template> <style scoped> .el-container{ filter:progid:DXIm 阅读全文
posted @ 2022-12-02 14:28 silvia喵 阅读(596) 评论(0) 推荐(0) 编辑
摘要: 现象: updateQuery的值发生变化时,this.updateForm的值也随之改变了。本来需要的是this.updateForm的值始终不变,只有updateQuery的值在变化。 1 let updateQuery = this.updateForm 2 console.log(this. 阅读全文
posted @ 2022-11-29 10:06 silvia喵 阅读(1501) 评论(0) 推荐(0) 编辑
摘要: 已拿到视频的url,现在要截取视频的第一帧,作为封面图片。 在网上找了几种,都是空白。稍微改了一下,终于成功了。 基本就是用cavas进行绘制,解决一下跨域问题,截视频第一帧,然后根据视频原本的宽高进行绘制,最后转一下图片格式即可。 代码如下: 1 <template> 2 ...... 3 <vi 阅读全文
posted @ 2022-11-25 14:06 silvia喵 阅读(1169) 评论(0) 推荐(0) 编辑
摘要: 要做几个模板,每个模板的代码放在了子组件里,但是提交时需要子组件里的数据。 父组件: 通过ref识别 ref="spcardform" 使用时直接调用所需要的数据,需要子组件中的msg,则写成: this.$refs.spcardform.msg 1 <template> 2 ...... 3 <S 阅读全文
posted @ 2022-11-25 11:27 silvia喵 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 偷懒了,其他都是老老实实后端分页的,就这一个,前端涉及音频和三个接口的获取,之前写在一起了没分开。要是还用后端分页,要重新写,想着数据量不大,干脆在前端分页了。 分页用的elementui的分页组件 1 <div class="text item" v-for="(item, index) in c 阅读全文
posted @ 2022-11-10 16:01 silvia喵 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 用了最暴力的方法,直接遍历。先判断是否是需要播放的音频,不是的话再判断它是否正在播放,是的话就关掉这条音频。没什么逻辑可言,但是不知道怎么控制这条音频关闭,花了点时间写。关键就在于: let name = this.audioSrcList[i].index; this.$refs[name][0] 阅读全文
posted @ 2022-11-10 15:50 silvia喵 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 大学的时候学过web前端的课,但是主要是讲大框架,对于具体的一些概念没有讲那么细。最后交大作业项目就是用到啥了现场百度啥。 现在工作了,虽然也写了一些页面,接触了echarts,axios,也用过vue+elementui等等,但是发现很多前端的概念我并不懂,还是一知半解的状态。再加上最近是有考虑这 阅读全文
posted @ 2022-08-18 15:55 silvia喵 阅读(2938) 评论(0) 推荐(0) 编辑
摘要: 正在尝试用vue+element做网页,刚写了侧边导航栏,记录一下。 用了element中的NavMenu 导航菜单,整个侧边导航栏都可以通过官网上的代码进行修改来实现。 如下: 1 <el-menu id="navMenu" :router="true" unique-opened> 2 <el- 阅读全文
posted @ 2021-09-27 13:36 silvia喵 阅读(5737) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示