- 博客(14)
- 收藏
- 关注
RSS订阅原创 uniapp创建自定义模板，快速创建uniapp的vue3页面结构
点击自定义模板，跳转到模板文件夹中，新建一个文件(我这里新建的vue3-setup.vue)，将你的模板内容复制粘贴进去，保存并关闭。这个时候再右键-点击创建页面，创建的模板就会出现在模板列表里面了。右键-点击新建页面，进入新建页面模板选择页。
2024-04-19 11:49:26
861
原创 h5在IOS使用videojs插件播放hls视频
公司h5需要实现查看监控的功能，通过嵌入页面的方式实现了看视频的功效，但是IOS不支持。所以IOS系统采用了videojs实现了监控的实时播放(hls格式)，下面是具体的方法：切换视频播放地址后内容不播放的解决方法具体实现步骤1. index.html页面引入(最好下载到本地)2. npm install video-js 并且在需要看监控的页面引入3. 在html中写入如下代码然后在methods中创建video...
2022-06-24 17:01:47
4312
1
原创 uniapp editor富文本编辑器，h5富文本编辑器封装成插件
公司业务需求，需要在h5实现富文本编辑功能。uniapp的editor可以实现富文本编辑，但是editor只有编辑框，没有给文本设置样式的工具栏。于是自己组装了一个。效果如下图，实现了文本的字体、颜色、加粗、斜体、下划线、删除线、对齐方式、有序/无序/列表、插入图片、返回、撤销、清空等常见功能。用到的插件：color-picker(颜色选择插件，插件市场下载)、editor(uniapp自带，无需下载)。封装插件名称：editor-rich重点提示：工具栏的图标请自行在iconfont去添加，否则图
2022-04-12 09:59:22
7166
12
原创 h5打包app点击手机返回键直接退出app的解决方法
h5打包的app,在android手机上，点击手机自带的物理返回键，直接退出了app。由于onbackPress在app上不生效，于是用js的方式去做了拦截，实现了点击物理返回键返回上一页，而不是退出app。（提示：代码放在main.js文件中，不要乱放）// android点击手机物理返回键退出app bug解决document.addEventListener("plusready", function() { plus.key.addEventListener('backbutton', fun
2021-11-09 16:37:29
6143
3
原创 使用pdf.js在线预览pdf文件导致页面崩溃以及app闪退问题解决
预览pdf文件的时候，h5页面导致浏览器崩溃，在h5打包的app上，造成了app闪退。其原因是一次性转码和渲染pdf文件非常耗性能。用懒加载的方式，当页面展示在可视区域内的时候去加载。具体方法如下：在pdf.html文件中添加：lazy:true，用懒加载的方式解决。如何实现pdf在线预览...
2021-11-09 16:25:02
4795
原创 uniapp在线预览pdf文件
公司要求uniapp打包的h5和app都要能在线预览pdf文件。最开始是想找uniapp的插件，去插件市场搜了下，没得几个插件可用，且需要收费，所以直接用的pdf.js插件实现，实现步骤和代码如下：获取pdf.js文件。找不到当时的下载地址了，需要的自己提取，链接: https://pan.baidu.com/s/12Xjh7fDhCHV_o9kveG3ZFA 提取码: j6qx将pdf文件夹和pdf.html文件放入static文件夹下3.在pages目录下新建页面pdfview.vue(文件名
2021-11-09 16:12:16
10664
30
原创 vue的el-input无法输入内容
遇到el-input无法输入内容的时候，添加@input=“change($event)”methods中：change() { this.$forceUpdate()}
2020-12-04 09:38:38
1353
原创 vue中如何使两个不同ul对应的li(内容长度不一)高度相同
vue中如何使得两个不同ul中对应的li(自适应)高度相同首先在相应ul父元素添加ref,例如<div ref='oldData'> <ul> <li></li> </ul></div><div ref='newData'> <ul> <li></li> </ul></div>在methods中写处理函数： handleLiHe
2020-09-27 09:37:21
1281
原创 css去除scroll滑动条
使用scroll上下/左右滑动超出宽度的内容，会有一条灰色的滑动条，非常影响页面美观度，用户体验感不好，可使用display:none\color{#FF0000}{display:none}display:none除滑动条，如下：css:.overflow { width:300px; overflow:scroll;}// 去除滑动条.overflow::-webkit-scro...
2019-12-24 15:19:47
1817
原创 点击swiper中的图片无法跳转到其他页面
要实现点击轮播图跳转到其他页面，一开始是在图片外面加了navigator标签，但是点击图片没有任何反应。要实现点击图片跳转其他页面，需使用bindtap绑定事件（传入跳转的url），点击图片促发该事件，在事件中进行跳转。wxml:<image bindtap="enterShop" data-url="这里是要跳转的url " url=" 这里是图片的url" />js:...
2019-12-24 11:02:45
1070
原创 npm run build之后打开index.html页面空白
npm run build之后打开index.html页面空白解决办法：修改config/index.js中的build之下的assetsPublicPath: ‘/’,改为assetsPublicPath: ‘./’vue的methods中使用了map()函数，在map()函数中使用if进行条件判断没有效果原因：解决办法：使用三元判断。条件？true:false3.vue ...
2019-08-26 09:42:09
1519
原创 vue 打包文件过大
解决办法：修改index.js中的两个地方。productionSourceMap: false, productionGzip: true.
2019-08-26 09:41:46
477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人