js а далее как то провайдить в приложение?
Судя по скрину, тут нет причин для использования именно commonjs, что мешает его импортировать обычным импортом?
Я правильно понял как убирать обработчик событий при переходе на другую страницу ?
А где именно он не нужен ?
Какая ошибка при обычном импорте?
Что по твоему возвращает addEventListener?
другу мои пароли не нужны, но в теории я нарушаю этот договор?
А вот если я буду библиотеку использовать которая не vue, то мне ее нужно записыва в какой-то ключ this чтобы потом отменять не события ?
Кто-нибудь знает как можно решить или гуглить ?
то есть сделать require из файла vite.config.js а далее как то провайдить в приложение?
Эм, нет, фреймворк, который рендерит DOM в браузере, никак не связан с тем, как осбирается приложение и какие модули в нём используются
Нет, конфиг тут не причём. Vite в приложении работает на ES модулях.
Судя по скрину, тут нет причин для использования именно commonjs, что мешает его импортировать обычным импортом?
Да, только this.click не нужен
Судя по скрину, тут нет причин для использования именно commonjs, что мешает его импортировать обычным импортом?
да видимо в vue 2 все работало тк там webpack, а vite подвязан на es модули.. пакет старый. импортировать не получается
A simple MD5 hash function for JavaScript supports UTF-8 encoding. — GitHub — emn178/js-md5: A simple MD5 hash function for JavaScript supports UTF-8 encoding.
А где именно он не нужен ? Везде что-ли ?
да
vue 2 / vue 3 НИКАК не завязаны на сборщиках. Это клиентская библиотека.
Можно на вебпаке собирать vue 3. Можно на vite собирать vue 2. Можно оба не собирать. Можно оба собирать на rollup, parsel.
Какая ошибка при обычном импорте?
Эта переменная не нужна
Что по твоему возвращает addEventListener?
Он исполняет то что в функции mclick
Всем привет, при Билле проекта на Vue cli. Белая страница. Задача при нажатии на index.html в директории dist открывался как обычный html файл. Знаю про http и что в документации написано про использование сервера для локального запуска, но есть ли возможность открыть просто по клику на фасад.
Можно на вебпаке собирать vue 3. Можно на vite собирать vue 2. Можно оба не собирать. Можно оба собирать на rollup, parsel.
Какая ошибка при обычном импорте?
да, понимаю сборщик можно выбирать. у vue 3 vite по умолчанию
Можно на вебпаке собирать vue 3. Можно на vite собирать vue 2. Можно оба не собирать. Можно оба собирать на rollup, parsel.
Какая ошибка при обычном импорте?
ошибка
Договор называется NDA
Нет, не нарушаешь
Лучше обсуди это в https://t.me/vuejs_jobs
Там Саша очень грамотный в таких вопросах
Нормы поведения: https://github.com/vue-js-ru/code-of-conduct
Официальное русскоязычное сообщество Vue: @vuejs_ru
Основной канал: @vuejs_jobs_feed
См. также: @itjobs_ru
Правила оформления: https://specialistoff.net/page/627
Ой. Я выше не увидел твоё сообщение. Я про тебя 😂
Всем привет. Написал функцию, которая при выборе оценки должна показывать какую оценку я выбрал, но каждый раз выдает что я выбрал оценку пять. Подскажите в чем может быть ошибка
<button class=»btn circle active»>1</button>
<button class=»btn circle»>2</button>
<button class=»btn circle»>3</button>
<button class=»btn circle»>4</button>
<button class=»btn circle»>5</button>
</div>
Ошибка в коде
var btns = header.getElementsByClassName(«btn»);
const selected = document.querySelector(‘.selected’);
for (var i = 0; i < btns.length; i ) {
// shows selected number
if (btns == ‘1’) {
selected.textContent = ‘You selected 1 out of 5’;
} else if (btns == ‘2’) {
selected.textContent = ‘You selected 2 out of 5’;
} else if (btns == ‘3’) {
selected.textContent = ‘You selected 3 out of 5’;
} else if (btns == ‘4’) {
selected.textContent = ‘You selected 4 out of 5’;
} else {
selected.textContent = ‘You selected 5 out of 5’;
}
});
}
Всем привет)
подключаю в проект два компонента (
1. <h1>..</h1>
2. <h1 class=»test-class»>..</h1>)
из npm (npm пакет свой, собираю через vite).
Проблема в том, что теги подключаются без атрибутов data-v-… которые генерируются из scope styles компонента, а стили с атрибутами как и должны.
Кто-нибудь знает как можно решить или гуглить ?
Получается что проблема в сборке npm пакета, собирается без этих атрибутов.
var btns = header.getElementsByClassName(«btn»);
const selected = document.querySelector(‘.selected’);
for (var i = 0; i < btns.length; i ) {
// shows selected number
if (btns == ‘1’) {
selected.textContent = ‘You selected 1 out of 5’;
} else if (btns == ‘2’) {
selected.textContent = ‘You selected 2 out of 5’;
} else if (btns == ‘3’) {
selected.textContent = ‘You selected 3 out of 5’;
} else if (btns == ‘4’) {
selected.textContent = ‘You selected 4 out of 5’;
} else {
selected.textContent = ‘You selected 5 out of 5’;
}
});
}
1. Зачем там for?)
2. Вместо всего блока ч for, можно написать
selected.textContent = (обратные ковычки) You selected ${selected} out of 5 (обратные ковычки);
2. Вместо всего блока ч for, можно написать
selected.textContent = (обратные ковычки) You selected ${selected} out of 5 (обратные ковычки);
я тупанул с кодом
var header = document.getElementById(«myDIV»);
var btns = header.getElementsByClassName(«btn»);
const selected = document.querySelector(‘.selected’);
for (var i = 0; i < btns.length; i ) {
btns[i].addEventListener(«click», function() {
// для актив класса
var current = document.getElementsByClassName(«active»);
current[0].className = current[0].className.replace(» active», «»);
this.className = » active»;
// shows selected number
if(btns[i].textContent === ‘1’) {
selected.textContent = ‘You selected 1 out of 5’;
} else if(btns[i].textContent === ‘2’) {
selected.textContent = ‘You selected 2 out of 5’;
} else if(btns[i].textContent === ‘3’) {
selected.textContent = ‘You selected 3 out of 5’;
} else if(btns[i].textContent === ‘4’) {
selected.textContent = ‘You selected 4 out of 5’;
} else {
selected.textContent = ‘You selected 5 out of 5’;
}
});
}
var header = document.getElementById(«myDIV»);
var btns = header.getElementsByClassName(«btn»);
const selected = document.querySelector(‘.selected’);
for (var i = 0; i < btns.length; i ) {
btns[i].addEventListener(«click», function() {
// для актив класса
var current = document.getElementsByClassName(«active»);
current[0].className = current[0].className.replace(» active», «»);
this.className = » active»;
// shows selected number
if(btns[i].textContent === ‘1’) {
selected.textContent = ‘You selected 1 out of 5’;
} else if(btns[i].textContent === ‘2’) {
selected.textContent = ‘You selected 2 out of 5’;
} else if(btns[i].textContent === ‘3’) {
selected.textContent = ‘You selected 3 out of 5’;
} else if(btns[i].textContent === ‘4’) {
selected.textContent = ‘You selected 4 out of 5’;
} else {
selected.textContent = ‘You selected 5 out of 5’;
}
});
}
1. еще раз, тебе не нужен for для определения каррента (if else достаточно, но я бы и его упрастил)
2. ты в for проверяешь массив с кнопками[i] == номер