- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue 写H5页面 hash模式下，安卓正常IOS没有图片和描述
真的是这个问题困扰了我好久，网上所有能查到的模式我都试过了，但是不管用，而且网上大部分说的都是history模式，很少提及hash模式安卓没问题，但是IOS签名失败的问题，只能自己排查了，挨个alert（）之后发现原来是hash链接里的#被截断了。解决方式： 将分享链接中的 search 参数解析，拼接为 hash 参数magicLink函数为拼接函数magicLink(link) {var hashIndex = link.indexOf(‘#/’)var nativeUrl = link.su
2022-04-20 07:09:13
2454
原创 记一次视频发布的大坑
最近在做视频的拍摄，上传和播放，其他都做好了，安卓和PC端测试没问题，但是苹果的视频，如果是已经拍摄好的上传没有问题，但是，如果是用navigator.mediaDevices.getUserMedia接口调用摄像头上传则黑屏，不可播放，这个问题难倒了我，于是和我们后端的帅小哥一起研究，将录制好的视频和调用接口上传的视屏分别从阿里云上下载下来进行对比，发现录制好后上传的视频是有视频详细信息的，而调用接口录制，将流打包成文件上传的视频是没有视频详细信息的，再一步一步的排查发现，我上传给他的视频就是没有视频详细
2022-03-22 11:13:54
505
原创 ios放大镜效果始终不能去掉
刚开始在网上搜索了所有的问题，-webkit-user-select:none;user-select:none;touch-callout:none;-webkit-touch-callout:none;然后上传，苹果真机测试，失败，失败还是失败，最终，我忘了在哪个犄角旮旯里翻到了一个e.preventDefault()，然后上传，我去，真的去掉了我用的是vue框架，在div里有一个 然后，那该死的放大镜终于不出来了，仅此记录，希望能帮到你...
2021-12-24 15:20:47
1887
原创 Failed to resolve async component default: ChunkLoadError: Loading chunk 7 failed
vue项目，写着写着突然报错vue-router.esm.js?8c4f:16 [vue-router] Failed to resolve async component default: ChunkLoadError: Loading chunk 7 failed.，我实在是找不到哪里错了，通过提示来看，说是路由出现了错误，我按照网上写的重装了less但是无效，后来无意中将路由的懒加载的名称稍微改了一下就好了，具体是怎么回事还是没找到。如果有同样问题的，你可以试试，把提示的错误的路由名称改了就可以了
2021-11-08 12:35:09
5155
原创 记录Vant circle注意事项
circle-环形进度条 因为项目需要，在同一个页面需要显示不同的进度条，开始按照文档写的时候，是怎么都是同步的，后来边做边测试。最终实现效果，二话不说，上代码。没有上全，只是一部分,这里我有一个数据循环，因为太长了，没有写出来，answerItem.answerAgreeCount 这个就是循环的那个数据，且currentRate[answerindex] 这个值是在循环的里面加进去的，这里是关键，注意了，这里虽然是动态绑定的v-model，但是这里不能加：！！！！，这是真的坑，动态绑定的数据，不能加：也
2021-07-26 17:45:03
1321
原创 2021-06-02
关于微信转发有时候有效，有时候无效的问题这个问题困扰了我好久，终究解决，其实蛮简单的，仔细读文档，中间有一句话。我的问题就是由于这句话造成的，那如何解决呢，我整了一个特别简单的方法，进行判断，如果支持pushState，那么我就用history.pushState，如果不支持，只好牺牲一下用户体验，有感刷新当前网页了。if (typeof history.pushState == ‘function’) {if (window.location.href.indexOf(’?code=’) !=
2021-06-02 22:33:38
87
转载 vue中checkbox 样式自定义重写；循环遍历checkbox,拿到不同的v-model绑定值；及获取当前checked 状态，全选和全不选等功能。
开始写这个功能，不得不吐槽原始的checkbox,灰色小方块的丑陋，虽说eleUI,mintUI，等各种框架的单复选框已经对其优化，但还是不想要这种。那我们就来研究一下怎么处理它。 <section class="box"> <label :for="item3" @click="chooseType($event,index3)" v-for="(item3,index3) in type" class="labelName"> <i
2021-04-18 17:30:02
1058
原创 vant里的vant 的 Collapse 折叠面板
之前做项目的时候，使用了 Collapse 折叠面板，但是始终是一起开，一起关，感觉不是很好，于是去查文档说明，感觉说明文档说的不是很清楚，查了很多资料才发现，其实要让折叠面板点那个开哪个，只需要把van-collapse-item 里面name绑定为唯一的值，我是动态绑定为:name=“answerindex”，就可以做到点哪个开哪个了。上代码中间代码的代码就省略了，最后的结尾标签也可以自己补充，重要的一点就是v-model绑定的值，控制的实际是van-collapse-item里面的name值，
2021-04-18 08:39:35
3540
1
原创 做移动端H5页面，想要在上下滚动的时候不显示滚动条最简单的方式
element::-webkit-scrollbar {display: none;}就是这么简单，在要实现滚动的元素身上加上这个css样式就可以了，仅作记录，希望能帮到有需要的你
2021-03-25 09:43:13
1462
原创 记录一下做微信转发的大坑
记录一下这个巨大无比的坑，怎么做微信转发，我就不多说了，直接上代码我是用vue做的微信转发，单独在js里生成了一个文件wxconfig.js我按照官方的文档配置了微信转发，在浏览器里可以正确的打印出来相关配置，但是在开发者工具里测试的时候提示wx undefined，同时真机测试样式不变，也就是是失败的。然后在main里引入wxconfig.js然后进入浏览器显示是这样的。然后在开发者工具上是这样的然后在真机上发布的效果是这样的，我设置了图片和简介的，但是转发朋友圈和转发好友都没有，
2021-03-23 17:57:01
315
原创 今天在做vue的时候，突然给了一个提示this.$http is not a function
今天在做vue的微信支付的时候，突然给了一个提示this.$http is not a function ，之前一直运行正常的，把我整懵了，然后一点点的排查，最后发现，是this的指向出了，在function 的外面，用that = this 赋值一下，然后把function里面的this.$http改成that.$http就解决问题了。记录一下，如果你也遇到了同样的问题，记得排查this的 指向问题哦！...
2021-03-23 17:37:18
6042
原创 经常用到的一个js里数组里的对象按某一个值进行排序的问题
var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age:8}];function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value1 - value2; }}conso...
2021-03-17 09:37:35
137
原创 关于微信支付遇到的坑
chooseWXPay:fail, the permission value is offline verifying当你的开发工具提示这个错误的事情，请果断的用真机测试，会告诉你具体错在哪里的，如果提示“调用支付jsapi缺少参数total_fee”， 那十有八九是package: “prepay_id=” + data.obj.package 这个参数写成这样了，实际上这个写法是后端用于二次签名的写法，前段应该是package: data.obj.package，仅做记录，如果你也遇到了，希望避坑。
2021-03-16 13:18:10
350
原创 H5页面微信授权登录——前端部分
作为一枚刚刚学习前端的小萌新来说，真的是难到了我，后来翻阅无数资料，总结如下，记录下来防止自己忘了，也为其他的刚学习的朋友一点提示吧。首先说路由导航，把所有的访问地址先拦下来进行判断，新来的用户是否有授权，如果没有就引导入授权页，这里我的授权页是login.vue，这里的getUid() 是axios请求获取用户的openId,如果用户有，则认为有授权，直接放行，用户没有就认为没有授权，如果用户访问的是/login，直接放行，如果不是，强制定向访问/login// 路由导航router.befor
2020-12-11 15:11:43
2047
原创 关于提示：Cannot read property ‘catch‘ of undefined“
网上搜索了很多办法，都无法使用，后来搜索到一个运行 npm i vue-router@3.0 -S 的帖子，我试了也不行，我在想是不是我的版本不是高了，是低了呢，所以就npm i vue-router 然后，完美解决，就此记录分享，希望也可以帮助到你...
2020-11-17 16:55:24
6926
7
原创 使用vant的 van-tabbar组件的一点心得
使用vant的 van-tabbar组件的一点心得以下是官方文档的demo，原谅作为新手的我看了半天没搞懂，后来，经过多次尝试，终于做出来了。记录一下。Tabbar 标签栏自定义图标通过 icon 插槽自定义图标，可以通过 slot-scope 判断标签是否选中。 自定义 我的项目：<van-tabbar-itemv-for="(item, index) in tabbars":key=“index”@click=“tab(index, item.name)”
2020-11-17 12:12:59
8083
2
转载 ERROR Error: Cannot find module ‘vue-template-compiler/package.json‘
1、解决办法 创建的app安装了缺少的模块 > npm install vue-template-compiler 运行 >npm run serve
2020-11-13 19:10:45
5527
原创 vue里后台给的是时间戳如何变成不同格式的时间
自己是刚刚学习vue，很多不会的地方，仅作为记载，希望可以帮到有需要的人。废话不说，上代码，背景是后台给了我一个数组dynamicQAInfoList，数组里面是对象，对象里answerCreateTime是时间戳。先安装moment并引入vue，挂载在全局下 for (var i = 0; i < this.dynamicQAInfoList.length; i++) { //获取当前时间的时间戳 var nowTime = new Date().valueOf() //
2020-10-16 14:09:08
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人