项目需要在弹窗里展示rtmp视频流,使用了vue-video-player插件,在页面的话是可以自动播放的,但同样的代码放到elementUI的el-dialog标签中就不能自动播放了,试了些办法也没有解决,希望知道原因的大佬解答写,谢谢。相关代码<video-player ref="videoPlayer" :playsinline="true" class="vjs-custom-skin videoPlayer" :...
同遇到，不放在弹层里就没有问题
视频弹窗,如果放在外层就正常可以调用, 但是如果加一层el-dialog 那么就获取不到这个id,回调函数里面输出的$ref里面有东西 但是this.$ref.myPlayer1 返回undefined. <el-dialog title="视频" v-model="playFormVisible" :close-on-click-modal="false" @open='show()'> <video id="myPlayer1" poster="" ...
.el-dialog__wrapper.dialog-fade-enter-active, .el-dialog__wrapper.dialog-fade-leave-active { animation: none !important; } 这个时候就会得到一个没有动画的弹窗: 接下来,就是主要的动画部分了,在这个项目中,可以看到弹窗是在点击之后出现的,而这个点击实际上会操作一个控制弹窗是否出现的变量visible,来控...
第31学时 VUE核心之一,el-table组件二次封装,配置参数渲染table组件,回调渲染,动态URL请求 01:04:06 第33学时 接口请求交互优化,防止连续点击,新增品牌接口联调,弹窗数据优化 55:37 第34学时 车辆品牌列表、删除、编辑、禁启用接口联调,弹窗数据传输方式,引用对象分离 54:46 第35学时 ElementUI el-form表单二...
项目中很多时候需要弹出框可以拖动并且可最大化,el-dialog是不满足的,这边采用指令的方式进行拓展。 先来个效果图: 首先来个v-darg指令: 1import Vue from 'vue'23Vue.directive('alterELDialogMarginTop', {4inserted(el, binding, vnode) {5el.firstElementChild.style.marginTop = binding.value + 'px'6}...
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。 * 给dialog设置 :close-on-click-modal="false" , 禁止点击遮罩层关闭弹出层 * 如果是form表单,不要将提交等按钮放置el-form-item,以免在上下拉伸时被隐藏*///v-dialogDrag: 弹窗拖拽+水平方向伸缩Vue.directive('dialogDrag',...
1.vue文件内容 html部分的代码 <el-link type="success" @click="test">主要链接</el-link> <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" height="100%" :before-close="handleClose" > <iframe src="http://www.baidu.com" frameborder="0" width="100%" height="600px"...
importVuefrom'vue'; /* * 定义公共js里,在入口文件main.js中import; * 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。 */ // v-dialogDrag: 弹窗拖拽+水平方向伸缩 Vue.directive('dialogDrag', { bind(el,binding,vnode,oldVnode) { ...
关于el-dialog打开弹窗无法关闭的问题 已完成 #I4431N 兮木 创建于 2021-08-05 17:22 如图,就是打开详情页后点关闭按钮无法关闭,然后点击旁边空白还是可以正常关闭,想问题点击关闭按钮如何实现点击空白关闭弹窗的效果 兮木 创建了任务 3年前 兮木 将关联仓库设置为若依/RuoYi-Vue 3年前 展开全部操作日志 ...