Кто знает, делаю выпадающее меню и нужно скрывать его от нажатия вне его зоны, как это сделать во вью?

|
cobol_m 2022-06-27 22:32:28
Leonid_124 2022-06-27 22:32:07
import Vue from «vue»

vuejs_ru-1087240.jpg
по такому типу ?

Leonid_124 2022-06-27 22:33:44
cobol_m 2022-06-27 22:32:28
по такому типу ?

Не, просто добавь импорт после строки require

cobol_m 2022-06-27 22:34:10
не понял
cobol_m 2022-06-27 22:34:14
require(‘./bootstrap’);
import Vue from ‘vue’;

Vue.component(‘hat’, require(‘./components/Chat.vue’));

const app = new Vue({
el: ‘#app’,
});

cobol_m 2022-06-27 22:34:19
он же и так после
aleksey_start 2022-06-27 22:39:57
Коллеги, вечер добрый!
Пытаюсь запустить vue-advanced-chat даже на пустом проекте, получаю ошибку, в чём может быть проблема?

Failed to compile.

./node_modules/vue-advanced-chat/dist/vue-advanced-chat.common.js
Module parse failed: Unexpected token (17025:3)
You may need an appropriate loader to handle this file type.
| emoji,
| skinTone: currentSkinTone,
| …skinTonedUnicode && { unicode: skinTonedUnicode },
| …emojiSummary.name && { name: emojiSummary.name }
| });
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/HelloWorld.vue 10:0-43
@ ./src/components/HelloWorld.vue
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8082 webpack/hot/dev-server ./src/main.js

Leonid_124 2022-06-27 22:45:49
cobol_m 2022-06-27 22:34:14
require(‘./bootstrap’);
import Vue from ‘vue’;

Vue.component(‘hat’, require(‘./components/Chat.vue’));

const app = new Vue({
el: ‘#app’,
});

Если глобально нужно компонент зарегистрировать, то должно работать

cobol_m 2022-06-27 22:46:45
Leonid_124 2022-06-27 22:45:49
Если глобально нужно компонент зарегистрировать, то должно работать

это что мне требуется дописать ?

aleksey_start 2022-06-27 22:47:26
mrFANRA 2022-06-27 18:47:53
а какие задачи не может закрыть ву, которые закрывает жквери? (не стебусь)

Кардинально разные подходы для разных задач Vue — декларативный, jQuery — императивный, подробнее рассказываю на видео: https://www.instagram.com/p/CLoADoUnEMs/

Leonid_124 2022-06-27 22:53:37
cobol_m 2022-06-27 22:32:28
по такому типу ?

вот так только убрать components внутри new Vue

kroksman 2022-06-27 22:56:05
hohlovbs 2022-06-27 18:49:21
ну тут мне кажется понятно
разные подходы
vue не дает таких возможностей диррективно работать с ДОМ

Так вью тебе не запрещает напрямую к дому обращаться, наоборот даже удобнее подписки убирать потом через жц, а все что есть в jquery уже есть в ваниле (не говорю про анимации и тд)

kroksman 2022-06-27 22:57:06
Прочитал вообще беседу эту про актуальность jquery, искренне не понимаю как в 2022 можно выбирать эту либу для нового проекта
aleksey_start 2022-06-27 23:00:13
kroksman 2022-06-27 22:57:06
Прочитал вообще беседу эту про актуальность jquery, искренне не понимаю как в 2022 можно выбирать эту либу для нового проекта

jQuery как правило нужна вклиниться во что-то готовое, например CMS, добавить несколько скриптов,

kroksman 2022-06-27 23:01:00
А почему jquery, а не ванила?
kroksman 2022-06-27 23:01:18
Чтобы чуть меньше кода писать?
aleksey_start 2022-06-27 23:01:20
Потому-что куча готовых библиотек
cobol_m 2022-06-27 23:01:50
Leonid_124 2022-06-27 22:53:37
вот так только убрать components внутри new Vue

vuejs_ru-1087258.jpg
так тоже ошибки

aleksey_start 2022-06-27 23:03:40
И кода там не «чуть меньше» а в разы, чего только стоят цепочные функции, ванила — шлак редкий, JS настолько хорош что существуют десятки диалектов чтобы на нём не писать, не знаю ни одного другого языка с таким количеством диалектов, нужных для одной единственной цели — не писать на ваниле
w0pro 2022-06-27 23:04:06
подскажите кто знает, делаю выпадающее меню и нужно скрывать его от нажатия вне его зоны, как это сделать во вью? на данный момент нашел решение вешать обработчик на документ через хук и также его удалять, может есть другой метод?
zlobinilya 2022-06-27 23:05:14
w0pro 2022-06-27 23:04:06
подскажите кто знает, делаю выпадающее меню и нужно скрывать его от нажатия вне его зоны, как это сделать во вью? на данный момент нашел решение вешать обработчик на документ через хук и также его удалять, может есть другой метод?

ну повесь обработчик на меню и чекай ивент таргет

kroksman 2022-06-27 23:05:18
aleksey_start 2022-06-27 23:03:40
И кода там не «чуть меньше» а в разы, чего только стоят цепочные функции, ванила — шлак редкий, JS настолько хорош что существуют десятки диалектов чтобы на нём не писать, не знаю ни одного другого языка с таким количеством диалектов, нужных для одной единственной цели — не писать на ваниле

Что ты имеешь в виду под «диалектами» и про какие десятки ты говоришь?

w0pro 2022-06-27 23:05:51
zlobinilya 2022-06-27 23:05:14
ну повесь обработчик на меню и чекай ивент таргет

меню должно зыкрываться от нажатия вне зоны меню

zlobinilya 2022-06-27 23:06:59
w0pro 2022-06-27 23:05:51
меню должно зыкрываться от нажатия вне зоны меню

а, да, затупил. Ну вообще это вроде норм делать так, как ты описал до этого

zlobinilya 2022-06-27 23:07:05
просто не забывай хендлер потом удалять
w0pro 2022-06-27 23:07:42
zlobinilya 2022-06-27 23:06:59
а, да, затупил. Ну вообще это вроде норм делать так, как ты описал до этого

слышал что во вью к дому обрашаться табу, вот и решил, что есть другой способ

zlobinilya 2022-06-27 23:08:08
ну обращайся к рефу)
zlobinilya 2022-06-27 23:08:09
тоже самое
zlobinilya 2022-06-27 23:08:44
https://www.npmjs.com/package/v-click-outside
можешь тут реализацию глянуть
islambeg 2022-06-27 23:10:09
w0pro 2022-06-27 23:04:06
подскажите кто знает, делаю выпадающее меню и нужно скрывать его от нажатия вне его зоны, как это сделать во вью? на данный момент нашел решение вешать обработчик на документ через хук и также его удалять, может есть другой метод?

У меня такая штука в коде для модалки:

function handleClick(e: MouseEvent) {
if (!modalWindow.value || !(e.target instanceof Node)) {
return;
}

const isClickOutside = e.target.contains(modalWindow.value);

if (isClickOutside) {
emit(«close-modal»);
}
}

islambeg 2022-06-27 23:10:39
modalWindow это ref модалки
w0pro 2022-06-27 23:12:07
спасибо
aleksey_start 2022-06-27 23:12:48
kroksman 2022-06-27 23:05:18
Что ты имеешь в виду под «диалектами» и про какие десятки ты говоришь?

Диалекты — ответвления от языка, которые потом в него компилируются. Синтаксический сахар если угодно.

kroksman 2022-06-27 23:14:04
aleksey_start 2022-06-27 23:12:48
Диалекты — ответвления от языка, которые потом в него компилируются. Синтаксический сахар если угодно.

Хорошо, а про какие десятки диалектов ты писал? Я кроме тайпскрипта популярных и не назову даже

shgkme 2022-06-27 23:14:07
aleksey_start 2022-06-27 23:12:48
Диалекты — ответвления от языка, которые потом в него компилируются. Синтаксический сахар если угодно.

И какие, например, были диалекты ES, которые в него влились?

mattersj 2022-06-27 23:14:24
aleksey_start 2022-06-27 23:01:20
Потому-что куча готовых библиотек

открою секрет — на ванильном JS библиотек еще больше

aleksey_start 2022-06-27 23:15:17
mattersj 2022-06-27 23:14:24
открою секрет — на ванильном JS библиотек еще больше

Заверните мне пожалуйста Bootstrap на ванильном JS)

mattersj 2022-06-27 23:15:42
aleksey_start 2022-06-27 23:15:17
Заверните мне пожалуйста Bootstrap на ванильном JS)

https://getbootstrap.com/

aleksey_start 2022-06-27 23:16:40
mattersj 2022-06-27 23:15:42
https://getbootstrap.com/

видать переписали уже) огонь чё)

kroksman 2022-06-27 23:17:22
Орнул
kroksman 2022-06-27 23:17:34
А что по диалектам то?
aleksey_start 2022-06-27 23:19:22
kroksman 2022-06-27 23:17:34
А что по диалектам то?

Да чего там только не было, что-то появляется, что-то умирает, популярные: colascript, coffeescript, uglifyjs, typescript

shgkme 2022-06-27 23:20:15
aleksey_start 2022-06-27 23:19:22
Да чего там только не было, что-то появляется, что-то умирает, популярные: colascript, coffeescript, uglifyjs, typescript

Какие из них влились в ES?

kroksman 2022-06-27 23:20:34
Все перечисленное кроме тайпскрипта уже мертвое
aleksey_start 2022-06-27 23:20:52
shgkme 2022-06-27 23:20:15
Какие из них влились в ES?

Не слежу за историей языка, увы

shgkme 2022-06-27 23:21:05
aleksey_start 2022-06-27 23:19:22
Да чего там только не было, что-то появляется, что-то умирает, популярные: colascript, coffeescript, uglifyjs, typescript

uglifyjs — это минификатор

aleksey_start 2022-06-27 23:21:55
shgkme 2022-06-27 23:21:05
uglifyjs — это минификатор

а ну да, он гуглится как диалект, ну собственно является им — диалект для уменьшения размера

kroksman 2022-06-27 23:22:52
Colascript это вообще мертворожденная шняга, которую никто не понял зачем сделали)
aleksey_start 2022-06-27 23:23:08
А вот на список побольше наткнулся:
https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS

List of languages that compile to JSGitHub
Unfancy JavaScript. Contribute to jashkenas/coffeescript development by creating an account on GitHub.
aleksey_start 2022-06-27 23:23:27
Лет 10 назад этих диалектов был вагон и маленькая тележка
aleksey_start 2022-06-27 23:24:16
aleksey_start 2022-06-27 23:23:08
А вот на список побольше наткнулся:
https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS

Ну там не все конечно диалекты, но при желании поискать можно

|