- 博客(6)
- 收藏
- 关注
原创 videojs的初步使用
h5使用vue框架播放m3u8、flv视频。结束~撒花~途中遇到的坑!1.没有全局引入样式 在单页面引入一直报错,需要在main.js中引入才可以生效2.使用测试地址进行播放,避免后端给的视频地址有问题 卡住进度。
2023-06-12 15:42:07 562 1
原创 swiper navigation使用前进后退阻止冒泡
场景:swiper使用 navigation使用前进后退,外部div设有点击事件,使用navigation前进后退时候 触发外部点击事件,需要阻止冒泡。文章目录一、swiper自带阻止冒泡事件二、正确对应使用步骤1.html部分2.js部分三、 效果提示:以下是本篇文章正文内容,下面案例可供参考一、swiper自带阻止冒泡事件https://www.swiper.com.cn/api/clicks/41.htmlswiper官网案例<div class="swiper-slide" .
2022-03-23 11:13:30 3496
原创 yarn的初次使用
一、yarn的初次使用安装yarn及初次使用二、使用步骤下载node.js,使用npm安装npm install -g yarn查看版本: `yarn --versionYarn 淘宝源安装,分别复制粘贴以下代码行到黑窗口运行即可yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/n
2022-03-22 20:54:18 357
原创 vue-cli里面引入swiper轮播组件,开启自动轮播轮播后,第一张图总是一闪而过
项目场景:vue-cli里面引入swiper轮播组件,开启自动轮播轮播后,第一张图总是一闪而过vue-cli里面引入swiper轮播组件,使用loop: true,属性问题描述vue-cli里面引入swiper轮播组件,开启自动轮播轮播后,第一张图总是一闪而过,切换回最后一张也会出现同一种效果 ,且图像无法正常显示,数据正常。原因分析:开始以为是slideChange方法赋值的时候没变赋值对 导致代码中使用数据下标错误,更换activeIndex为realIndex与数据下标一致,仍出现问题
2022-03-16 15:25:31 1533
原创 Vue3.0挂载全局属性和方法
声明import Api from './api/config'const app = createApp(App);app.config.globalProperties.$Api = Api;app.use(store).use(router).use(vant).use(Api).mount('#app');使用 this.$Api.get({ ... }).then((response) => { //请求成功返回的数据
2020-09-24 17:03:38 6092 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人