文档章节

【mpvue】三

登天的感觉
 登天的感觉
发布于 09/19 15:23
字数 822
阅读 17
收藏 0

使用了快1个月,陆续整理发现的坑

1、pageA-pageB-pageA-pageC

如果以这种顺序,大概理解成,列表进详情B, 返回列表进入详情C,那么进入详情C的时候,会因为缓存,先展现详情B的内容。解决方案查看了官方issue。如下:

  onLoad() {
    Object.assign(this.$data, this.$options.data());
  },

2、之前有说过,因为缓存的原因,所以mounted一次生命周期只会加载一次,所以再一些需要数据刷新的页面,推荐使用onShow()来做。

但是会发现一个问题,小程序本身有缓存机制,就是记录上一次的浏览记录。如果onShow的话,会导致数据刷新,但是记录的缓存还在。

所以,在一些不需要随时刷新的列表上,依然使用mounted钩子。

3、由于本次项目中会使用到富文本。官方本身的rich-text,其实我觉得还好,也没那么差劲,mpvue官方说是不支持v-html,但是我用了以后,发现会自动转换成rich-text。效果其实还可以的。如果追求极致,可以去下载一个mpvue-wxparse。github上有。本次也就是使用了该组件。

https://github.com/qizhenshuai/qs-mpvue-wxparse 使用方法上面也有介绍。

重点:!!!!!!!

一定不要忘记引入wxparse.css!!!一定不要忘记引入wxparse.css!!!一定不要忘记引入wxparse.css!!!

因为引入了组件以后,确实可以编译了,但是在一些字体加粗《strong》标签,以及span等行内标签会被统一编译成《view》,变成块级元素。

4、关于页面打开会先展示出静态资源,然后再展示接口请求的数据,此问题会造成一定的用户体验不适。

比如一个详情页面。图片和介绍等内容是接口请求出来的,但是页面上的一些button,点赞等收藏元素是页面静态资源。进入页面后在接口请求数据完之前,静态资源会先展示出来。解决该问题的方法我是在最外层元素,使用v-if="isData",接口请求好数据以后设置为true。

5、关于在一些机型上面,会发现一行文字的头上好像被切除了1px的样子。具体原因排查不出来,解决方案是给该盒子padding:1px 0;。

6、另外在开发webSocket中发现一个问题。H5中的webSocket,链接以后会有一个状态码,根据状态码是可以判断出链接是open状态,还是close,或者是closing状态等。官方wx.connectSocket()

wx.connectSocket({
XXX
success(res){
console.log(res)
res.socketTaskId????????????
//刚开始,也以为这个res.socketTaskId就是状态码,因为在模拟器上的效果和h5的状态码很像。
//后来我根据状态码写完逻辑以后,真机一上就GG了。
//翻阅官方文档,居然没有这个解释。。。。。
}
})

暂时就这么多吧,陆续会更新

© 著作权归作者所有

共有 人打赏支持
登天的感觉
粉丝 0
博文 14
码字总数 5249
作品 0
浦东
前端工程师
私信 提问
如何在mpvue中正确的引用小程序的原生自定义组件

最近,很多人给我留言,问我说怎么在mpvue项目中引入小程序原生框架中的自定义组件。 有这种需求,是非常正常的一件事情。因为在实际开发中,我们通常希望使用已有的开源组件库来进行开发,这...

一斤代码
08/21
0
0
亲身体验小程序wepy和mpvue框架的区别

前言 小编公司也随潮流,把现有h5项目,重做成小程序项目,前期是用wepy搭建的,开始感觉还不错,随着加入的功能越来越多,感觉性能也越来越成问题。下面我们来详细介绍。开发文档 原生开发小...

向建峰_Javan
08/15
0
0
mpvue系列(三):组件、数据交互

1、mpVue项目组件的使用? (1) mpvue 可以支持小程序的原生组件,比如: picker,map、swiper 等。 (2)需要注意的是原生组件上的事件绑定,需要以 vue 的事件绑定语法来绑定,如 bindchan...

醉虾不醉
06/13
0
0
没朋友(mpvue),点个外卖,一个人也要好好吃饭

每次写文章时,总会感慨万千。面对成功,我们总是抱以较高的期望,总想急不可耐就能得到胜利的果实。可每一次成功不可能轻而易举的就来到我们的面前。几乎每一次都需要我们付出极大的耐心和勤...

hello等风来
06/25
0
0
mpvue小程序以及微信直播踩坑总结

前段时间刚写完一个mpvue的小程序,现在得闲必须赶紧记录和总结一下,不然很多东西又要忘了 我是比较熟悉vue的语法,但是也犹豫过是用原生还是用mpvue,因为那时候原生小程序已经相当成熟而m...

没事儿
09/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

寻找数学的广度——《这才是数学》读书笔记2700字

寻找数学的广度——《这才是数学》读书笔记2700字: 文|程哲。数学学习方式之广:国内外数学教育方面的专家,进行了很多种不同的数学学习方式尝试,如数学绘本、数学游戏、数学实验、数学步道...

原创小博客
7分钟前
0
0
vimrc

set rtp+=/usr/local/lib/python3.7/site-packages/powerline/bindings/vim/set laststatus=2set t_Co=256set cursorlinehi cursorline cterm=none term=nonehighlight CursorLine gui......

kut
9分钟前
0
0
ubuntu常用操作

显卡GPU 查看显卡信息sudo lshw -numeric -class video# 查看显卡型号lspci | grep -i nvidia# 查看驱动版本sudo dpkg --list | grep nvidia-*或者 ubuntu-drivers devices#查看显卡...

hc321
昨天
2
0
mysql密码重置

方法一: 在my.ini的[mysqld]字段加入: skip-grant-tables 重启mysql服务,这时的mysql不需要密码即可登录数据库 然后进入mysql mysql>use mysql; mysql>更新 update user set password=pas...

architect刘源源
昨天
6
1
SpringBoot + Mybatis 配置多数据源(Srping boot 二)

前置条件,你已经配置好spring boot+mybatis,可以参考之前的博客 实现逻辑通过注解+aop切面编程来动态更新datasource 第一步,配置多个DataSource server: port: 8080freezing: ...

小海bug
昨天
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部