1.使用tab-top-webview-main 引入js后竟然又又又报错了...
如图可以滑动
报错信息如下:
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.
查了各种文档和技术贴,试了各种灵丹妙药,终于最简单的就是最好用的
原来是chrome在搞事情!!为了提高使用流畅度,真的变流畅了吗?
直接抛出解决方案吧 在css中写入
*{
touch-action: pan-y;
}
恭喜你就大功告成了!!
我想说,可能是我高兴的太早了,竟然不能滑动
很不幸的是,一波未平一波又起,我首次进入到该页面,他竟然不能滑动!!!
vue生命周期了解一下 DOM还没有渲染好,我就着急初始化也不是回事吧,果断把初始化放到钩子函数mounted中进行,页面分分钟就搞定了
我去踩下一个坑了....拜了拜
---------我是分割线-------
嗯嗯,坑又来了....tab bar不能跳转
今天竟然发现了一个重大bug,(主要是昨天没发现),我的tab bar竟然在刷新之后不能跳转了,录了屏,但是页面写的好丑,不想发上来了....
允许我锻炼一下表达能力,所以文字都能看懂的你一定拥有感天动地的智商!!
正常重新启动后tab bar跳转是没有问题的,但是比如在home页跳转几次或者页面刷新几次后竟然不能跳转了
解决方案
在该页面增加
mounted(){
mui('body').on('click','a',function(){document.location.href = this.href})
}
如果有错误请给我指出哦~~~
9012.8.21 我真的被mui虐完了!!!number-box真的是....
1.先说现象!!我用了number-box,点击加减,结果每次点击都是触发两次,我特么好蒙蔽啊...
2.解决方案(你一定想不到我为了这个bug做了多少努力)
google mui numbox 失灵
2.1 自己手写个方法,还要引入jquery!!
mui("body").on("click", ".countBtn", function(e) {
var count = $(e.target).siblings(".countBox");
var max = $(".countArea").data("numbox-max");
if ($(e.target).hasClass("mui-btn-numbox-plus")) {
if (count.val() ) {
count.val(parseInt(count.val()) - 1);
}
}
if ($(e.target).hasClass("mui-btn-numbox-minus")) {
if (count.val() < 10) {
count.val(parseInt(count.val()) + 1);
} else {
if (count.val() > 1) {
count.val(parseInt(count.val()) + 1);
}
}
}
});
反正网上写的方法在我这用不了,我就自己瞎改,虽然我也看不懂,但是还稍微能好用了,终于是加1了
2.2 我自己写一个numbox吧....
but
我要父子组件传参啊,我的input的value要传给他的爸爸啊....console.log都能出来,$emit就undefined,undefined的我怀疑人生!!!!分分钟都想自己写了,后来想想自己的水平还是找bug吧.....
2.3 为啥会触发两次啊!!!我搜的问题是 `绑定点击事件，触发两次`
我终于找到了一个大佬 DCloud_UNI_CHB 他说:
**
事件触发两次的常见原因：
1、重复引用了mui.min.js
2、引用了第三方框架，比如zepto.js、avalon.js等，这些第三方框架中也有tap事件，同时也支持on事件绑定，因此会重复触发。
**
我就在找,我哪里引用了两次,APP.vue引用过,注掉,还是不行, 父组件引用一下试试,还是没反应,
那就是第二种呗,我就看我引入了哪些三方框架,好些个三方....不如...从swiper开始吧....我的轮播咋办啊....诶呀呀,那真是酸爽了,mint-ui提供了swipe插件,换把....删掉swiper三方
结果还是不好使....
2.4 大神说了的也不好使为啥呢??!!!!
因为原因是!!
你引入了两个版本
mui.js和mui.min.js是两个文件.整个vue项目如果有任何一个地方都需要使用同一个版本的js!!!老阿姨的人生忠告!!!
哈哈哈.....拜了拜
