当前位置: 首页 > Web前端 > HTML

微信小程序开发中常见的坑

时间:2023-04-02 21:28:48 HTML

前段时间涉足微信小程序开发,踩了一些坑,总结在这里,希望能为小伙伴们提供一些帮助。页面跳转对于页面跳转,大家可能会习惯性的想到wx.navigateTo,但是当跳转到的目标页面是tab时,这个接口就不行了,但是不会报错。在这种情况下,应该使用wx.switchTab。具体请参考链接说明,区分几种导航接口:wx.navigateTo保留当前页面,跳转到应用中的某个页面。使用wx.navigateBack返回到原始页面。wx.redirectTo关闭当前页面并跳转到应用程序中的某个页面。wx.reLaunch关闭所有页面并打开到应用程序中的某个页面。切换Tab后tab不刷新:不同账号权限不同,首页显示不同模块。退出账号1,用账号2登录后,首页显示的模块与账号2的权限不一致。问题分析:登录页面是在首页基础上新开的页面。登录成功后调用switchTab跳转到首页。好像没什么问题。关键是switchTab跳转后并没有刷新页面,所以账号2再次登录后到达的首页还是账号1的首页。所以登录后需要使用如下方法刷新页面:wx.switchTab({url:'/pages/xx/index',success:function(e){letpage=getCurrentPages().pop()if(page==undefined||page==null)returnpage.onLoad()}})text-align:justifydoesn'twork查询后发现MDN上写的是:justifyTheinlinecontentsarejustified。文本的间距应使其左右边缘与行框的左右边缘对齐,最后一行除外。也就是说text-align:justify只对非最后一行起作用,只有一行文本时也算作最后一行。是的,就是这么坑。当然,这不仅仅针对微信小程序。所以我找到了text-align-last:justifytext-align-lastCSS属性描述了一个块或一行的最后一行,就在强制换行之前,是如何对齐的。在微信开发环境上试试,谢天谢地,大功告成!不过图案图森坏了,微信扫一扫,还是老样子。哦对开,text-align-last有兼容性问题。看来还是要看text-align,它是针对非最后一行的,所以我们可以尝试把一行文本伪装成非最后一行,比如添加一个空的内联块元素或者使用一个伪元素。可以参考链接说明