помогите понять, как исправить ошибку Error in v-on handler: "TypeError: commentsListWidth is not a function"

107

31 января 2022, 06:10

мне просто нужно установить ширину списка, но появляется ошибка Error in v-on handler: "TypeError: commentsListWidth is not a function" как ее исправить?

commentsSlider(direction){
        // элементы слайдера
        let commentsList = this.$el.querySelector('.comments__list');
        // длина двух элементов слайдера
        let commentsListWidth = commentsList.clientWidth;
        console.log(commentsListWidth);
        // элементы одного слайда
        let commentsItem = this.$el.querySelectorAll('.comments__item');
        console.log(commentsItem);
        // установка ширины списка = произведение длины двух элементов на количество слайдов
        commentsListWidth(commentsItem.length * commentsListWidth);
        switch(direction){
            case 'next':
                console.log('rigth');
                break;
            case 'prev':
                console.log('left');
                break;
        }
    }

Answer 1

Переименуйте локальную переменную.

    let commentsListWidth1 = commentsList.clientWidth;
    console.log(commentsListWidth1);
    // элементы одного слайда
    let commentsItem = this.$el.querySelectorAll('.comments__item');
    console.log(commentsItem);
    // установка ширины списка = произведение длины двух элементов на количество слайдов
    commentsListWidth(commentsItem.length * commentsListWidth1);