Экземпляр класса не является функцией при взаимодействии с jQueryJquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Экземпляр класса не является функцией при взаимодействии с jQuery

Сообщение Anonymous »

Я работаю над проектом ASP.NET, который использует VUE.JS и jQuery. (Я знаю, что это не идеально, я не создавал это, я просто поддерживаю его) < /p>
vue загружается перед JQuery на главной странице, и я пытаюсь управлять списком пользователей, реактивно с использованием Vue. Тем не менее, я продолжаю встречаться с следующей ошибкой: < /p>
typeerror: users.hasallusers selected не является функцией < /p>
Эта ошибка возникает, когда Vue пытается вызвать метод, выбранный Hasallusers, на объекте пользователей. Я подтвердил, что метод существует в классе пользователей, и экземпляр VUE инициализируется правильно. < /P>

Код: Выделить всё

class Users {
constructor(users = [], ebus) {
this.filteredUsers = users;
this.isDescSort = true;
this.$ebus = ebus;
}

hasAllUsersSelected() {
if (this.filteredUsers.length === 0) {
return false;
}
return this.filteredUsers.every(user => user.isSelected);
}

toggleSort(state) {
this.isDescSort = state;
this.filteredUsers.sort((a, b) => {
const nameA = a.name.toLowerCase();
const nameB = b.name.toLowerCase();
return this.isDescSort ? nameA.localeCompare(nameB) : nameB.localeCompare(nameA);
});
}
}

new Vue({
el: '#app',
data() {
return {
users: new Users([]),
};
},
methods: {
getUserList () {
let vals = [...document.querySelectorAll('#listEnrolledUsers > option')];

let userList = vals.map(user => new User(user.textContent.trim(), user.value, false));
userList = userList.filter((user, index) => index !== 0);
this.users = new Users(userList, this.$ebus);
}
},
mounted() {
this.getUserList();
console.log('Vue instance mounted');
console.log('users:', this.users);
console.log('users.hasAllUsersSelected:', typeof this.users.hasAllUsersSelected);
},

});
< /code>
шаблон: < /p>


[i][/i]Users

[i][/i]
Sort Descending


[i][/i]
Sort Ascending

[list]
[*]
[i][/i]
{{ user.name }}

[/list]

Я никогда не вижу журналов консоли, просто эта ошибка.
(Vue - версия 2.6.14)

Подробнее здесь: https://stackoverflow.com/questions/797 ... ith-jquery
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • ChromeDriver .click вызывает ошибки при взаимодействии с функцией onclick()
    Anonymous » » в форуме Python
    0 Ответы
    6 Просмотры
    Последнее сообщение Anonymous
  • ChromeDriver .click вызывает ошибки при взаимодействии с функцией onclick()
    Anonymous » » в форуме Jquery
    0 Ответы
    9 Просмотры
    Последнее сообщение Anonymous
  • Ошибка 404 при вызове операции HeadObject в коде Python AWS Lambda при взаимодействии с корзинами S3
    Anonymous » » в форуме Python
    0 Ответы
    29 Просмотры
    Последнее сообщение Anonymous
  • Почему Python передает экземпляр атрибуту класса, который является функцией?
    Anonymous » » в форуме Python
    0 Ответы
    9 Просмотры
    Последнее сообщение Anonymous
  • Почему Python передает экземпляр атрибуту класса, который является функцией?
    Anonymous » » в форуме Python
    0 Ответы
    3 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Jquery»