- 博客(20)
- 收藏
- 关注
原创 el-switch 在开关上加入文字
<el-switch active-text="隐藏" inactive-text="显示" class="tablescope" v-model="scope.row.status" > </el-switch>//按钮文字显示.el-switch { height: 25px !important;}:
2022-05-28 19:20:52
1582
原创 vue 播放m3u8视频
<video id="myVideo" style="height:100%;width:100%" preload="none" class="video-js vjs-default-skin" disablePicturePicture ></video> mounted() { this.initVideo(this.m3u8.ldm3u8); this.$once("hook:befo.
2022-04-13 14:54:53
1383
原创 大视频分片上传与断点续传
async uploadVideo(fileData) { const { data } = await uploadVideo(fileData); if (data.code === 1) { this.$bus.$emit("videoLoading", true, "上传中"); //// 成功 if (this.percentCount === 0) { // 避免上传成功后会删除切片改变 chunk...
2022-04-13 14:51:10
332
原创 压缩base64图片
//压缩base64图片export default function compress(base64String, w, quality) { var getMimeType = (urlData) => { var arr = urlData.split(","); var mime = arr[0].match(/:(.*?);/)[1]; // return mime.replace("image/", ""); ret
2022-04-02 13:38:12
327
原创 uniapp 图片转base64并压缩上传服务器
uniapp有自带上传图片方法uni.chooseImage,先把blob图片转base64, 再压缩上传handleUpload() { uni.chooseImage({ count: 6, //默认9 sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 sourceType: ["album"], //从相册选择 success: (file) =>
2022-01-09 12:21:16
1719
1
原创 vue app.vue全局使用websocket
直接上代码app.vue data() { return { header_show: true, footer_show: true, isRouterAlive: true, //控制视图是否显示的变量 Token: "", timeoutObj: "", }; }, methods: { //ws连接 localSocket() { let that = this;
2021-12-22 18:48:27
1141
原创 uniapp app.vue全局使用websocket
之前百度看了很多种 还有uniapp自带的方法个人觉得uniapp的方法还是比较简单,上代码app.vue文件 data() { return { show: false, //投诉弹窗 timeout: 5000, // timeoutObj: null, tokenUser: "", }; }, created() { //我这里是登陆之后根据token判断连接websocket this.tokenUser =
2021-12-22 18:31:10
2698
1
原创 uniapp tabbar 被软键盘顶起 解决方案
uniapp tabbar 被软键盘顶起 解决方案通过判断页面高度来显示与隐藏tabbar data() { return { documentHeight: document.documentElement.clientHeight, //默认屏幕高度 }; }, mounted() { // window.onresize监听页面高度的变化 window.onresize = () => { return (() => {
2021-09-16 17:42:27
1513
7
原创 element提示框(阻止提示多次弹出)
if (document.getElementsByClassName('el-message').length > 0) return false this.$message({ message: '请添加图片', type: 'warning', offset: 220 })
2021-05-12 14:22:28
488
原创 el-table 文字居中 表头颜色
el-table 文字居中 表头颜色 <el-table :data="tableData" border style="width: 100%" :header-cell-style="{'background': '#B1C6EA','color':'#000','text-align':'center'}" :cell-style="{'text-align':'center'}" height
2021-05-09 15:20:47
229
原创 el-input只输入数字的正则
el-input只输入数字的正则<el-input v-model="lower" placeholder="" oninput="value=value.replace(/^\.+|[^\d.]/g,'')" />
2021-05-09 13:17:18
1101
原创 2021-04-29
vue 给el-tree点击的节点自定义文字样式点击节点之后,激活的节点会多一个is-current的类名,直接添加样式注意:一定要去掉scoped我以为不去掉scoped加个deep穿透就可以了,但是不行,还是得去掉scoped...
2021-04-29 15:28:14
55
原创 2021-04-12
什么是冒泡事件与捕获事件冒泡事件:是指子元素向父元素传递的过程捕获事件:是指父元素向子元素传递的过程 box2.addEventListener(‘click’, function(){alert(“box2 被触发了”);})box3.addEventListener(‘click’, function(){alert(“box3 被触发了”);})// 点击box3打印结果// box3// box2// box1// 当我们
2021-04-12 23:10:02
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人