- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue中禁止页面滚动/滚动事件穿透
1.移动端在蒙层所在div上加 @touchmove.prevent<div class="maskBox" @touchmove.prevent></div>2.PC端弹层显示时调用 stopMove()停止页面滚动 ，弹层消失时调用 Move()开启页面滚动在这里插入代码片//停止页面滚动stopMove(){ let m = function(e){e.preventDefault();}; document.body.style.overflow='hi
2022-05-11 19:02:40
9256
2
原创 vue 预览、下载pdf
1.下载pdf文件因为pdf文件是传到oss上的，地址是下载地址，所可以使用a标签下载，但不能使用iframe等方法预览<el-button class="download" v-if="list&&list.length>0" @click="downloadFile(fileList)" type="text">下载</el-button>downloadFile(fileList){ window.location.href = fileLi
2022-04-28 15:31:46
3189
原创 uniapp u-modal模态框中使用scroll-view，滑动到底部父页面滑动
场景：用uniapp写h5页面嵌入app中，点击弹出弹框，弹框中展示内容可滑动。弹框使用uview组件库中的u-modal，可滑动区域使用scroll-view。遇到的问题是：在安卓机上，scroll-view滑动到最底部时会触发主页面滑动，使用@touchmove.stop.prevent未起作用。最终使用的解决方法是：弹出弹框时赋给主页面scrollLock类，使主页面固定住即不可滑动，关闭弹框时移除scrollLock类，通过isStopBodyScroll控制类的有无<templat.
2022-04-28 14:52:07
4455
原创 vue中使用videojs播放m3u8格式的视频
1.安装videojsnpm install --save video.js2.使用<template> <div class="video-box"> <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" ></video> </di
2022-04-25 18:12:05
798
原创 react 中引入 ant-design
react 中引入 ant-design一. 安装二. 引入1.全局引入2. 按需加载①手动按需加载②使用 babel-plugin-import 按需加载（1）运行 npm run eject 暴露出webpack的配置文件，项目会多出config和scripts文件夹问题：关于文件被修改了，无法运行 npm run eject 命令，删除.git文件（2）运行 cnpm install babel-plugin-import --save ，安装babel按需加载依赖（3）在
2021-12-28 18:10:31
1579
原创 vue与flutter交互——vue
一. vue向flutter发送消息定义一个方法，在方法内部使用如下语句即可。注意‘MessageDeal’方法名要与flutter端定义的方法名一致MessageDeal.postMessage('4') // 向flutter发送数字4二. vue接收来自flutter的消息注意‘flutterCallJsMethod’方法名要与flutter端定义的方法名一致暴露方法名// 在挂载时将方法名挂载到window上，把方法名暴露给fluttermounted() { window.f
2021-12-27 14:51:27
4822
原创 vue使用阿里云视频点播
vue使用阿里云视频点播——videoId + playauth的方式一. 上传视频官方文档https://help.aliyun.com/document_detail/52204.htm?spm=a2c4g.11186623.0.0.4885a393kRPguB#task-19956481.在index.html页面引入JavaScript脚本。<script src="/static/aliyun-oss-sdk.min.js"></script><script
2021-12-27 14:39:34
3065
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人