![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Liang_Cheng_Jiu
这个作者很懒,什么都没留下…
展开
-
多个video标签,控制最多只能一个同时播放
添加一个事件: @play="handlePlay(index)" <div v-for="(item, index) in videoUrlList" :key="index" :class="[ item.productSuffix.toLowerCase() === 'mp4' ? 'videoClass' : 'adeoClass', 'spaceClass', ]" .原创 2021-07-30 16:55:13 · 1427 阅读 · 1 评论 -
vue3 封装文件上传组件
由于工作需要,项目中经常需要文件上传这个功能,根据业务的需求,使用vue3 简单封装通用型组件。作用:主要是用来上传图片的一个通用型组件,当然可以上传文件。支持校验 尺寸 , 像素, 文件大小,可以多文件上传。在下面贴上组件代码:<template> <div class="upload-button"> <template v-if="multiple"> <input ref="input" type原创 2021-07-25 15:29:06 · 2953 阅读 · 0 评论 -
element table 表格设置max-height 没有出现滚动条,多渲染了一列。
个人理解: 设置max-height后会多渲染一列,这一列应该是用来承载滚动条的,但是因为某种原因,滚动条没有被渲染出来,就出现了多渲染了一列,这一列里面没用任何东西。设置后效果图:样式代码:/deep/.el-table__body-wrapper { &::-webkit-scrollbar { /* 滚动条整体样式 */ width: 6px !important; /* 高宽分别对应横竖滚动条的尺寸 */ }}...原创 2021-06-04 18:58:30 · 4037 阅读 · 2 评论 -
根据条件动态修改element 组件深层次样式
开发前提: vue elementUI在开发中有时候 element 中我们使用的某个组件的样式不符合我们的需求,直接写行内样式,有时候会发现并不会生效,直接将样式写在 style 标签中虽然样式会生效,但是不符合我们动态修改样式的需求。因此可以考虑在给 使用的ui组件 动态添加一个类名,或套上一个 div ,动态在这div上添加类名,然后再下方 style对应类名下写 要修改的 组件样式。下面贴上我的代码: <div class="item"> <el-radio原创 2021-06-01 14:19:32 · 2247 阅读 · 2 评论 -
img标签动态绑定本地图片地址不生效
如果一个img标签要根据图片变量来动态跟换src图片链接,如果src链接是远程的服务器图片地址都是没有问题的,但是如果是本地路径直接写,是不会生效的。解决办法:可以通过这种办法来解决-${require('@/assets/chat/file.png')}这里el-image标签和普通的img标签没差别什么差别。 <el-image lazy :class="[file.resourceType === 3 ? 'fileImg' :原创 2021-05-25 10:35:33 · 1409 阅读 · 0 评论