Javascript jQuery使用vue.js插入后按类获取元素

Javascript jQuery使用vue.js插入后按类获取元素,javascript,html,jquery,vue.js,Javascript,Html,Jquery,Vue.js,如果您查看我的演示代码,您将看到一个名为scrollToCurrentMonth()的函数,它试图滚动到listTemplate中包含“current”类的元素。我的问题是无法获取此元素,因为它已通过vue.js插入dom。那么,如何使用类“current”获取该元素,以便获得滚动动画的顶部位置呢 const listTemplate=''+ '' + '' + “{{month}}”+ '' + ''; Vue.component('events-list-view'{ 模板:listTem

如果您查看我的演示代码,您将看到一个名为scrollToCurrentMonth()的函数,它试图滚动到listTemplate中包含“current”类的元素。我的问题是无法获取此元素,因为它已通过vue.js插入dom。那么,如何使用类“current”获取该元素,以便获得滚动动画的顶部位置呢

const listTemplate=''+
'' +
'' +
“{{month}}”+
'' +
'';
Vue.component('events-list-view'{
模板:listTemplate,
数据(){
返回{
月份:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”],
currentMonth:新日期().getMonth(),
};
},
创建(){
this.scrollToCurrentMonth();
},
方法:{
滚动到当前月份(){
$('.list wrap')。设置动画({
scrollTop:$('.list wrap.current').offset().top
}, 2000);
}
}
});
新的Vue({el:#app})
。列表换行{
最大高度:300px;
溢出y:滚动;
}
.活动月{
高度:100px;
边框:1px实心;
}

尝试使用已装入而不是已创建

const listTemplate=''+
'' +
'' +
“{{month}}”+
'' +
'';
Vue.component('events-list-view'{
模板:listTemplate,
数据(){
返回{
月份:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”],
currentMonth:新日期().getMonth(),
};
},
安装的(){
this.scrollToCurrentMonth();
},
方法:{
滚动到当前月份(){
$('.list wrap')。设置动画({
scrollTop:$('.list wrap.current').offset().top
}, 2000);
}
}
});
新的Vue({el:#app})
。列表换行{
最大高度:300px;
溢出y:滚动;
}
.活动月{
高度:100px;
边框:1px实心;
}