vue Функция прокрутки таблицы не работает на firefox - PullRequest
Новая
       28

vue Функция прокрутки таблицы не работает на firefox

0 голосов
/ 30 апреля 2020

У меня есть сторонний код, который динамически обновляет таблицу и прокручивает таблицу при нажатии на тег img, весь код прекрасно работает во многих браузерах, но не в firefox, когда я нажимаю на тег img, который вызывает функция scrollDown, которая фокусируется на последнем ряду таблицы, она ничего не делает, только в этом браузере. Я потратил так много времени, пытаясь выяснить это, но совсем не повезло, у меня нет большого опыта работы с vue, но для меня загадка, что он не работает в firefox.

, вот как я запрограммировал тег img с помощью функции: 

                        <img
                        src="../../../img/down-arrows.png"
                        class="icon-arrows-down c-pointer"
                        alt="arrow down"
                        @click="scrollDown">

этот конкретный код это тот, который выполняет по событию клика: 

        scrollDown: function() {
        let parentDiv = this.$refs.table.$el.tBodies[0];
        parentDiv.scrollTop = parentDiv.scrollHeight;
    },

Это вызывает некоторые другие функции, но я уверен, что есть проблема.

Я просто добавил свой код в скрипку, это не будет выполнить из-за большого количества зависимостей, вы можете проверить: https://jsfiddle.net/175bLodz/

...