mpvue 遇到的坑

最新推荐文章于 2021-08-01 19:33:25 发布
原创 最新推荐文章于 2021-08-01 19:33:25 发布 · 359 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文档总结了使用MPVue开发小程序过程中遇到的问题，包括分享后页面空白、scroll-view与swiper联动失效、音频时长预获取困难及iOS媒体音量控制等。详细记录了解决方案，如设置innerAudioContext.obeyMuteSwitch为false以解决iOS音量问题。

1，mpvue写好的小程序 分享之后打开页面是个空白页面

2，scroll-view不能和swiper做成联动效果

3. 播放器无法再播放之前获取音频时长

4（已解决）ios手机上，会有媒体音和铃声的区别，音乐播放的时候，如果铃声关闭了，音乐也没声音了。需要设置一下属性

innerAudioContext.obeyMuteSwitch = false;

 

这几条有的是最后没解决的，已解决的都付上了解决方式，方便以后自己查缺补漏。最后因为项目比较着急，无奈改用的原生小程序

mpvue小程序遇到的坑
xiaoxian12333的博客
06-07 6444
图片 1.用img标签，只设置宽度100%，编译后生成的image标签自带高度（高度大小不知道怎么定的）， v-for 要写：key=”“，要不然编译不过啊 v-for="(item, index) in list" :key="item.name&am
mpvue开发的微信小程序转字节跳动（头条，抖音）小程序遇到的坑（二）
蜗牛的博客
07-18 1827
碰到的问题汇总： 一、基于平台的差异 1)登录 在微信里 <van-button color="#958BFF" round block open-type="getUserInfo" @getuserinfo="getUserInfo" >微信授权</van-button> 在头条里 <button class="buttonStyle buttonS.
mpvue遇到的坑
as349565635的博客
07-06 209
图片 1.用img标签，只设置宽度100%，编译后生成的image标签自带高度（高度大小不知道怎么定的）， 2.图片放在static目录下，编译后的dist文件夹下的static也建一个images的文件夹 v-for 要写：key=""，要不然编译会警告 v-for="(item, index) in list" :key="item.name" 获取授权用户信息 改版后使用w...
美团小程序框架mpvue(花名：没朋友)蹲坑指南
weixin_33725270的博客
04-03 302
美团小程序框架mpvue(花名：没朋友)蹲坑指南 第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定, 没有promise,请求数限制,包大小限制,各种反人类,...反正我是感受到了满满的恶意. 最近接到一个工程类的小程序项目,做技术选型的时候,又把以前的东西捡起来看了看,重新熟悉了一下, 感觉小程序还是有在努力的,支持大部分es6语法了,还出了一个类...
mpvue 坑点
liangkaihuaen的博客
06-27 237
mpvue 自踩坑点 不能使用过滤器 （切记）
mpvue项目中一些小坑
pamerely的博客
11-03 316
v-for必须加key属性，否则编译不了 v-for只有一个参数时，不能加括号()，否则报final loader didn’t return a Buffer or String编译失败 小程序image标签没有width、height属性，这样写无效 <img width="80px" height="80px" /> v-if条件，不能写太复杂，这样写会报错<div v-if="obj !={}"></div> 子组件传参，不能传对象 不支持document.
mpVue | 这些都是坑
GC怪兽的Blog
04-02 531
v-for没:key会报错问题： <div class="category_item" v-for="(item,index) in iconArray"> 正解： <div class="category_item" v-for="(item,index) in iconArray" :key="index"> 空格问题 分号后面得留空格，否则会报错 逗号问题 ...
详解mpvue中使用vant时需要注意的onChange事件的坑
10-16
在使用mpvue框架开发时，如果需要结合vant-weapp组件库，开发者会遇到一些特定的问题，特别是与onChange事件相关的坑。本文将深入探讨在mpvue环境下使用vant组件库时，如何正确使用onChange事件，以及需要留意的几个...
mpvue中使用antv F2制作可滑动折线图（遇到的坑）
qq_30409135的博客
04-29 3000
mpvue中使用antv F2制作可滑动折线图（遇到的坑），mpvue f2-canvas tooltip设置无效 最近在开发小程序，需要用到折线图，在echarts 和 antv F2中选择了后者，不管是echarts，还是F2网上很少关于小程序的相关资料，所以我决定把踩过的坑记录下来。 一、首先下载ff-canvas放在static文件夹中 f2-canvas 二、引入f2-canvas ...
i-music:mpvue 开发的中大型项目i-music
05-15
i-music 一个mpvue开发的i-music小程序,证明mpvue完全有能力开发...mpvue遇到的坑 1、slot里面包括自定义组件，会不显示 2、e的事件直接取不到touches，需要const touch = e.touches ? e.touches[0] : e['mp'].touches
mpvue和云开发写的一款小程序踩坑记录
08-10
这两天在用踩坑了一下小程序云开发，用mpvue、vant组件库、wux组件库、小程序云开发开发了一款小程序。算是初试云开发了，所以总结一下使用上的注意事项。
mpvue的坑，持续更新-.-
weixin_30532837的博客
07-05 277
mpvue... 坑 怎么说呢，去github看一下，发现还是有很多问题没有解决。。。 不支持filter 亲，到现在还没有支持filter哦。只能用替代方法了，用computed或者渲染前先处理数据。无奈... 组件只能有一个slot 这个还是有影响的，只能限制一下组件了。无奈... 计算属性一定要有返回值 不能直接return，这样会返回undefined,在小程序上会有提示 ...
mpvue小程序开发遇到的坑和指南（26个常见坑）
不负如来不负卿
08-01 932
前言 最近做了一个小程序，遇到了一些问题，通过网上查询，找到原因是什么，也发现了很多解决方案。我从中选择了一些适合方案做了记录，希望能让第一次做小程序的同志，减少坑的数量。下面开始，欢迎关注和收藏，后续会有更新。 ????注意：以上是基于作者发的这个时间做修改的，建议大家可以关注小程序开发文档更新，里面信息更详细 问题 1.个人小程序不能调用手机号，企业级小程序可以调用手机号 <button open-type="getPhoneNumber" bindgetphonenumber="getPhon
记录使用mpvue开发小程序常常遇到的坑
一键写代码的博客
08-10 1401
1、保存全局状态的问题 我们在vue项目中，一般都会使用vuex。在react中，一般都会使用redux。那在小程序中呢？ 答案是，还是可以使用vuex。 mupve初始化项目后，有一个页面模板就是使用了vuex。 但是，我一般来说，都是需要全局的store，而不是局部页面的。那如何配置解决呢？ 新建一个store后，然后在主入口，main.js中来关联配置。 import Vue from 'vue' import App from './App' // api请求接口 import { userLog
mpvue踩坑总结
纯黑色山羊
02-09 468
最近使用mpvue进行小程序开发,整理一下各种坑 1、无法使用vue.component进行组件的全局注册； 解决方案：由于mpvue暂时不支持组件的全局注册，所以只能在使用组件的页面中单独引入； 2、在组件中使用wx.getMenuButtonBoundingClientRect()第一次返回正常，第二次数据均为0，未确定是否是微信中也有这样的问题 解决方案：使用vuex将获取对象信息进...
mpvue 新手踩坑记(一)
小苏苏小云云的博客
12-19 720
mpvue 新手踩坑记(一) mpvue具体情况可以看github上面的官方文档：mpvue文档 下面说说我当前开发过程中遇到的问题 页面配置 mpvue的默认页面需要一个xx.vue单页面组件，同时配合上一个main.js文件，也就是说每新建一个页面都需要这样两个文件，而且main.js中的东西基本重复，显得比较冗余 这里推荐一个第三方的插件：mpvue-entry 该插件使得我们新建页面时只需...
mpvue 使用坑的记录 （持续更新）
weixin_33972649的博客
05-15 845
单选框应该用radio-group标签包裹起来，@change事件为改变状态时触发； 里面input的value为绑定的值，主要作用在改变时赋值， checked是否默认状态 <radio-group @change="onChange"> <label v-for="(item,index) in list" :key="index"> ...
mpvue入坑之APP.vue不同之处
听风看海的博客
04-17 1227
小程序开发 目前的前端行业小程序开发真的是一发不可收拾了，我也加入了这股入坑潮流。下面我来说说我经验吧 一、原生wx框架和mpvue 我告诉你，如果你会原生的wx框架最好用wx原生的框架， mpvue虽然和vue的语法一样但是它本质还是把vue框架格式的代码编译成了wx小程序的。 所以说用原生的微信框架既可以对小程序的设计概念和生命周期更好理解。 因为我个人一直用的是vue-cli所以我选择用的...
MpVue Error: listen EADDRNOTAVAIL: address not available
戴戴的博客
02-01 2487
问题记录：mpvue小程序启动报错的一次解决方式 由于放假返回老家，在启动小程序时，一直无法启动服务，报错： > ywxApplet@2.0.0 dev /Users/bjcaywq/Documents/WorkSpace/wechat/ywxApplet-2.0.0 > node build/dev-server.js wx events.js:298 throw...
mpvue
最新发布
03-25
### mpvue框架概述 mpvue 是一个基于 Vue.js 的小程序开发框架，它允许开发者利用 Vue.js 的语法和生态系统来构建微信小程序应用[^1]。通过该框架，可以显著降低学习成本并提高开发效率。 #### 官方资源 - **官方网站**: 提供详细的文档和技术支持，网址为 http://mpvue.com/。 - **GitHub 地址**: 开源社区活跃，可访问 https://github.com/Meituan-Dianping/mpvue 获取最新版本和支持信息。 --- ### MPVue-Calendar 使用教程 对于日历组件的需求，可以通过 `MPVue-Calendar` 插件实现功能扩展。以下是其基本信息： - **项目地址**: 可在 https://gitcode.com/gh_mirrors/mp/mpvue-calendar 找到完整的使用说明和示例代码[^2]。 - **主要特点**: 支持多种自定义样式配置以及事件绑定，适用于大多数场景下的日期选择需求。 --- ### 在 mpvue 中集成 ECharts 图表库 为了在 mpvue 应用中嵌入动态图表，推荐使用 ECharts 工具包。具体注意事项如下： - 避免将 chart 实例直接挂载至 vue 组件实例上 (this)，因为这可能导致内存泄漏或其他不可预期的行为[^3]。 - 正确方法是调用 `echarts.init()` 方法初始化图表对象，并将其存储于局部变量或 Vuex store 中以便管理。 ```javascript // 示例代码：如何正确创建 ECharts 实例 import * as echarts from 'echarts'; export default { mounted() { const chartDom = document.getElementById('main'); const myChart = echarts.init(chartDom); // 初始化图表实例 const option = { title: { text: 'ECharts 示例' }, tooltip: {}, xAxis: { data: ['衬衫', '羊毛衫', '雪纺衫'] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36] }] }; myChart.setOption(option); } } ``` 上述代码展示了如何在一个 mpvue 页面中加载 ECharts 并渲染柱状图。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值