Я использую метода вкладок как здесь
https://vuejs.org/v2/guide/components-dynamic-asyn...<keep-alive>
<component v-bind:is="currentTabComponent"></component>
</keep-alive>
Но у меня в двух вкладок все нормально срабатывает автоскролл, а вот в одном месте не хочет меняться. Сразу скажу что имею ввиду
watch: {
scroll(value) {
if (value) {//Если значение true то нужно сделать автоскролл
this.$nextTick(() => {
let el = document.getElementsByClassName("tab-body scrolling")[0];
el.scrollTop = this.$refs[this.itemName].offsetTop - this.$refs[this.itemName].scrollHeight;
//В итоге выходит в той вкладке которая проблемная, el.scrollTop = 0;
// this.$refs[this.itemName].offsetTop = 729
//this.$refs[this.itemName].scrollHeight = 205
});
}
},
},
И как не меняй scrollTop даже в браузере то ничего не меняется. Не пойму из-за чего так. Класс tab-body scrolling один для всех этих вкладок.