![](https://img-blog.csdnimg.cn/a4db389412674afc8b5bc7fb057ab8d3.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发问题解决
文章平均质量分 62
前端开发问题解决
鸣鼓ming
这个作者很懒,什么都没留下…
展开
-
Element-UI实现对话框内播放视频
1.问题效果: 实现一个点击播放列表中的一个视频标题, 然后弹出一个对话框进行视频播放, 可点击全屏进入全屏播放.环境: Nuxt.js 、Vue.js、Element-UI、阿里云播放器Aliplayer.2. 解决步骤第1步: 在你要进行播放视频的页面引入资源文件.这个引入最好放在较外层的标签里, 要在创建播放器之前就引入, 毕竟这是一个网络资源, 加载需要时间, 否则偶尔会因为创建播放器时找不到资源而报错. <div> <link rel="s原创 2021-08-06 11:22:44 · 13759 阅读 · 3 评论 -
HTML块级元素水平居中
1.元素未对齐的情况 <div> <el-card class="box-card" style="width: 1500px;"> <div v-for="o in 4" :key="o" class="text item"> {{'列表内容 ' + o }} </div> </el-card> <el-card class="box-card" style="width:原创 2021-07-25 16:04:29 · 2929 阅读 · 0 评论 -
<el-avatar>标签不能动态刷新解决办法
1.问题使用了Element-ui的el-avatar和el-img标签, 当src绑定一个变量, 变量改变时图片并不会刷新 <el-upload class="upload-demo" :action=" BASE_API+'/oss/uploadImg' " :limit="1" :auto-upload="true" :on-preview="handlePreview"原创 2021-07-21 20:44:49 · 959 阅读 · 1 评论 -
Element-ui的一行中的每个列元素垂直居中对齐
解决办法1.在el-row标签中启用 flex 布局, 即type=“flex”2.同时在el-row标签设置样式style=“align-items: center” <el-header style="background-color: #47494E"> <el-row type="flex" justify="space-around" style="align-items: center"> <el-col :span="4"原创 2021-07-19 16:06:42 · 9296 阅读 · 0 评论