我有一个组件,其包含如下设置的dis:
<div class="section-wrapper" ref="wrapper" v-if="dataLoaded"> ... </div>
加载组件数据后,我想绑定事件处理程序,但很难做到这一点.
我调用一个获取数据的方法,然后将dataLoaded设置为true并具有以下内容:
dataLoaded = true;
const wrapper = wrapper.value;
console.log('wrapper', wrapper);
console.log('wrapper value', wrapper.value);
wrapper.addEventListener("wheel", (evt) => {
evt.preventDefault();
wrapper.scrollLeft += evt.deltaY;
});
无法添加事件监听器,因为它似乎找不到该元素.当我判断我的控制台日志(log)时,我看到以下内容:
所以我似乎能够记录ref,但无法检索值,从而检索元素.我有点困惑Vue如何处理这个问题,以及我需要做什么来访问元素和绑定监听器.
有人能帮忙吗?
编辑:我需要以编程方式完成此操作的原因是我还需要删除移动设备上的处理程序
谢谢