5.16 BScroll页面切换滑动失效，点击事件冒泡（未绑定click也会监听click)，transition-group动画特例，BScroll未激活不允许任何事件调用，类的实例和对象

1、当遇到切换页面导致BScroll滑动失效时。
多半是因为dom的重新渲染导致，BScroll的滑动高度为0。或者组件v-show从false->true，而BScroll未计算高度导致。

最好的办法就是设置侦听器，对前后改变的数值进行侦听，并因此刷新betterScroll组件。

2、点击事件冒泡问题。
情况一：比如蒙层设定了@click=“hide”，但是当点击子层的任何位置，均会触发蒙层的@click事件，是因为子层也监听到了鼠标的click事件冒泡到蒙层。
情况二：组件的click事件会冒泡到父组件，因为本质上组件还是被包裹在父层内。故冒泡。
解决办法：在蒙层前一层阻止冒泡。（注：不能设置蒙层层级阻止冒泡，蒙层阻止的是传播，而不是当前不接收。），或者组件的包裹层设置@click.stop阻止冒泡到父组件。

 <div class="playlist" v-show="showFlag" @click="hide"><div class="list-wrapper" @click.stop><div class="list-header"></div><div class="list-content"></div><div class="list-operate"></div></div></div>

3、transition-group内置一个v-move检测动画，触发代码如下。

.item&.list-leave-activedisplay: none&.list-movetransition: transform .5s

是不是认为我写错了，active内不是transition吗？
不是的，这就是vue提供的v-move动画的写法，active必须写display:none，才会被执行。
死记硬背吧。特效适合图片的自动排版，非常优雅。

4、当BScroll的v-show为false时， BScroll已失效。不能调用方法

5、自己构造的类比如Song类，当类存储入localstorage时，就变成了对象。
类和对象是不一样的，就是说，如果你从缓存中读取一个类，这个类其实已经变成了对象，不具备类的方法。需要重新 new Song（song）转换成类，才能具备类的方法。
对象：{…}
类：Song {…}

5.16 BScroll页面切换滑动失效，点击事件冒泡（未绑定click也会监听click)，transition-group动画特例，BScroll未激活不允许任何事件调用，类的实例和对象相关推荐

7.1.3 Python进阶《函数》定义、调用，参数，返回值《面向对象》概念，类，实例，对象，属性，方法《模块、包》导入，自定义，常用内置：datatime，time，random，os，sys
目录 ======== 第四部分 Python进阶 ======== 第一节函数 4.1.1 函数定义及调用 4.1.2 函数的参数 4.1.3 函数的返回值第二节面向对象 4.2.1 面向对象 ...
类，实例，对象，生成对象，实例化对象的区别(精讲)
问题简述什么是类? 什么是实例? 什么是对象? 什么是生成对象? 什么是实例化对象? 分析问题: 在面向对象程序设计中,"类"在实例化之后叫做一个"实例"(P ...
鼠标事件mousemove拖动到iframe上监听失效问题
问题:监听鼠标拖动事件mousemove,当鼠标移动到页面嵌的iframe上时,事件无法被监听到,当鼠标移出iframe后,事件又能被监听到了. 解决:可以创建一个层级高的div覆盖在整个项目上面,然 ...
html鼠标滑轮事件,js鼠标滚轮上下滚动监听事件应用实例（跨浏览器，亲测）
最近做项目涉及到多个DIV切换效果,包括普通按钮点击切换和鼠标滚轮上下滚动切换等:其主要涉及到的内容就是鼠标滚轮上下切换的事件监听,在此记录一下:也希望能帮到各位有需要的朋友. 以下为项目实例: $( ...
python监听多个udp端口_Python的Socket编程过程中实现UDP端口复用的实例分享
关于端口复用一个套接字不能同时绑定多个端口,如果客户端想绑定端口号,一定要调用发送信息函数之前绑定( bind )端口,因为在发送信息函数( sendto, 或 write ),系统会自动给当前网络 ...
linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...
二、Vue基础语法学习笔记——事件监听v-on、条件判断（v-if、v-else-if、v-else、v-show）、循环遍历（v-for遍历数组对象，key属性、检测数组更新）、图书案例、双向绑定
四.事件监听在前端开发中,我们需要经常和用于交互. 这个时候,我们就必须监听用户发生的时间,比如点击.拖拽.键盘事件等等在Vue中如何监听事件呢?使用v-on指令 v-on介绍作用:绑定事件监听 ...
vue 监听滚动事件之菜单滚动吸顶点击滑动到指定位置点击高亮
###菜单滚动吸顶效果: ###html: <section class="switchModule" id="switchModule">< ...
微信小程序实现watch监听，无需页面引入！！！
目录 1监听函数实现 2.页面Page重写(实现无需引入) 3完整代码实现 4微信小程序代码片段大家都知道小程序其实和Vue的写法以及原理都存在很大的相同,但是里有watch监听可以监听data定义 ...
vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...

5.16 BScroll页面切换滑动失效，点击事件冒泡（未绑定click也会监听click)，transition-group动画特例，BScroll未激活不允许任何事件调用，类的实例和对象

5.16 BScroll页面切换滑动失效，点击事件冒泡（未绑定click也会监听click)，transition-group动画特例，BScroll未激活不允许任何事件调用，类的实例和对象相关推荐

最新文章

热门文章