vue / elementUI
记录vue及elementui 的使用
xie_candy
来年花红,携猫与共
展开
-
vue + elementUI upload组件,前端上传视频到oss视频点播
改了需求,视频由原来上传到服务器直接上传到阿里云的视频点播,使用官方推荐的获取地址和视频凭证的方式。结合框架使用的elementUI 库,记录一下。上传到视频点播大致流程如下:使用elementUI 的上传组件添加视频,通过自定义验证后,调用后端的接口,返回videoI等必要参数,然后调用视频点播的方法。刷新视频凭证也是如此,调用后端接口,返回必要数据。功能主要有,获取视频时长、获取视频的本地url地址、截取视频帧,上传视频、获取上传进度因为代码过多不好维护,这部分的代码封装了一个组件,然后引.原创 2021-01-16 13:39:04 · 2225 阅读 · 2 评论 -
elementUI 获取table行的索引号
在<el-table> 组件中添加 属性:row-class-name="rowClassName" 和 @row-click='handleRowClickRole' 在方法里定义 //获取当前的行数 rowClassName({row, rowIndex}) { //把每一行的索引放进row row.index = rowIndex; // console.lo...原创 2021-01-16 11:15:33 · 3822 阅读 · 1 评论 -
element upload上传视频,获取本地url地址和时长
获取视频的时长参考了文章https://www.cnblogs.com/65Seeker/p/11466824.html1.**URL.createObjectURL() **静态方法会创建一个DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的document绑定。这个新的URL 对象表示指定的File对象或Blob对象。(个人感觉可以把对象转换成url使用,十分灵活方便,特别是对于文件对象)。2.loadedmetadata ...原创 2021-01-06 12:29:33 · 3596 阅读 · 1 评论 -
element ui 分页Pagination 显示改为中文
把element ui 改为中文版即可1.在mian.js中导入import zhLocale from 'element-ui/lib/locale/lang/zh-CN' //引入中文版2. 注释英文版声明,放开中文版注释原创 2020-11-26 16:47:42 · 7940 阅读 · 0 评论