小程序基于mpvue开发坑一 -凯发ag旗舰厅登录网址下载

需求，右边input框需要随左边文字宽度自适应填满，正常情况下我们可以使用flex布局解决，但是在真机的情况下input框会出现右边偏移的问题。

这是因为微信把input框的100%渲染成了最外边的宽度的100%，而不是input框父容器的。

解决办法是左右块浮动，中间input100%，前提父容器要设置display:flex.最后要记得清楚浮动

.title_box {
width: 100%;
overflow: hidden;
display: flex;
height: rem(30);
line-height: rem(30);
font-size: rem(16);
padding: rem(10) 0;
}

.cell-text {
color: #333333;
font-size: rem(16);
float: left;
position: relative;
margin: 0 rem(10) 0 rem(15);
white-space: nowrap;
}

.cell-text:after {
display: block;
content: "clear";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}

 

 

使用promise.all等待多个异步请求完全请求完返回，不需要多个标志请求结束。

小程序的storage是在删除小程序后销毁，冷启动也不会销毁

 

onhide() 

页面隐藏/切入后台时触发。 如 navigateto 或底部 tab 切换到其他页面，小程序切入后台等。

onunload()

页面卸载时触发。如redirectto或navigateback到其他页面时。

注意onunload和onhide的区别

 

关于冒泡捕获，设置监听

dom.addeventlistener("click", function(){
    document.getelementbyid("demo").innerhtml = "hello world";
},false)

false代表非捕获，也就是冒泡。

执行顺序，先执行目标元素祖先元素的捕获事件，在到目标元素定义的事件，在到目标元素的祖先元素冒泡事件。

关于mixins的作用，具有合并策略，同名的钩子函数会优先执行

在vue项目中，进行tab切换异步请求数据渲染到页面的时候，会出现当前tab和tab 中的content内容不一致的情况。

主要是因为this.testid是最新的，而index则会打出每一次的点击的，所以导致渲染不一致的问题

解决办法用if(this.tabid!=tabid){return}

或者用async await

vue里面需要配置host的时候的注意

 

转载于:https://www.cnblogs.com/sisi2020/p/9394852.html

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的小程序基于mpvue开发坑一的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。