vue中mounted/created中绑定事件的小坑

Posted ko010824

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中mounted/created中绑定事件的小坑相关的知识,希望对你有一定的参考价值。

window.addEventListener(‘scroll‘, function () { var top = $(window).scrollTop(); this.btnShow = top < 2500 console.log(this.btnShow) });
function中的内容,给btnShow赋值时,可以打印出值,但是html中的v-if=‘btnShow‘,不起作用
经过测试,将function中的内容写到methods中,并命名,此处我命名为btnShowControl
于是上述代码就变为
window.addEventListener(‘scroll‘,this.btnShowControl)
这样页面上v-if就恢复正常了






以上是关于vue中mounted/created中绑定事件的小坑的主要内容,如果未能解决你的问题,请参考以下文章

vue 子组件绑定事件无效

vue中bus.$on事件被多次绑定

vue中bus.$on事件被多次绑定

Vue中全局事件的解绑

vue中eventbus被多次触发(vue中使用eventbus踩过的坑)bus.$on事件被多次绑定

Vue.js 绑定到名称中带有点的 DOM 自定义事件(如引导事件)