‌‌‎D
или я ошибаюсь?
Alex
а геттеры тут причем 🙂 вы документацию читали? она на русском
‌‌‎D
как причем? как с хранилища доставать данные без геттеров?
Igor
v-bind:value.prop="value" попробуйте
не совсем понял что тут происходит, на всякий случай сделал v-bind:value.prop="option", компилируется без ошибок но работает не так как надо.
Alex
надо искать, вроде допиливали под динамический type, но возможно тонкости какие-то есть
Dmitry
Подскажите можно где посмотреть пример загрузки изображений nodejs + vuejs???)
Igor
vue не занимается работой с сетью
Igor
смотри в сторону axios
Dmitry
Fe - VueJS , Be - nodejs
Dmitry
смотри в сторону axios
Может есть где ловцы пример как с вью передаёт на сервер что он принимает
Igor
Vue ничего не принимает.
Igor
и не передаёт
Demetrio
И не передает
Demetrio
Этим axios занимается
Dmitry
смотри в сторону axios
Хорошо, все форма все данные передаю через axios , на node пишу в базу, как реализовать запись изображений)?
Igor
я вообще ноду не тыкал.
Vitaly
Ну попробуй просто путь храни в базе а картинки складывай куда-нибудь
Vitaly
Диск это файловой хранилище а база документоориентированное
Алексей
https://pp.userapi.com/c621700/v621700800/52422/cIj05KiaAH0.jpg
R
Помогите, плз, очень странная ситуация const http = axios.create({ baseUrl: 'http://site.dev/api/' }) http.get('posts') Проблема заключается в том что baseUrl не работает, запросы уходят на адрес http://site.dev/app/posts (это страница с которой я отправляю запросы), причем если я буду делать запросы с страницы например http://site.dev/app/something/url то axios будет отправлять их на http://site.dev/app/something/url/posts
Олег
SS - postFile (req,res) { var storage = multer.diskStorage({ destination: function (req, file, cb) { var dest = 'uploads/'; mkdirp.sync(dest); cb(null, dest) }, filename:function(req, file, cb){ cb(null, Date.now()+'.'+file.originalname.replace(/^.*\./, '')) } }); var upload = multer({ storage: storage, fileFilter:imageFilter , inMemory: true}).any() upload (req, res, function(err){ if (err) { res.send(err) } console.log('files', req.files) if (req.files.length>0){ req.files.map(function(file){ var path = file.path console.log('file.path', file.path) const buffer = readChunk.sync(path, 0, 4100); var filetype = fileType(buffer) console.log('fileType', filetype) lwip.open(path, filetype['ext'],function(err,image){ if (!image) { console.log(`Didn't open`) } const widthcrop = 800 const heightcrop = 600 var width = image.width(); var height = image.height() if (width>height) { var proportion = height/width height = widthcrop*proportion width = widthcrop } else { var proportion = width/height height = heightcrop width = heightcrop*proportion } console.log(width+'/'+height) // image.scale(0.3, function(err, scaleImage){ // scaleImage.writeFile(file.path, function(err){ // }); // }); // image.scale image.resize(width, height, function(err, ResImg){ if (err){ console.log(err) } ResImg.writeFile(file.path, function(err){ }); }); // image.resize }) }) } res.send(req.files) }) },
Олег
на клиенте <file-upload ref="upload" :multiple="true" v-model="item.files" post-action="http://localhost:3000/upload/" @input-file="inputFile" @input-filter="inputFilter" > Select File </file-upload>
R
@Feofanov Блин,.. точно! Спасибо большое!
Roman
Привет, если был уже такой вопрос, то извиняюсь, но проблема в обработке событий на компоненте с помощью Jq. Jq вообще не видет смонтированные компоненты?
Аліса 🏳‍🌈 Байрактарқызы
Зачем jq?
Roman
Для некоторых целей, я считаю, он удобнее
Roman
Или просто еще не имею нужного опыта на vue, но все же сейчас дело в нем
Roman
(jq)
Vitaly
какие смонтированные компоненты?
Vitaly
что ты пытаешься сделать?
Roman
Есть таблица на дивах, каждая строка - это компонент, который вызывается в основном компоненте с помощью v-for. И вот в итоге, когда все уже есть на странице, то при нажатии на определенную кнопку должен срабатывать обработчик $().click
Roman
Но именно на компонентах он не работает, обычный DOM распознается
Vitaly
а как ты делаешь?
Vitaly
можно код глянуть?
batek
В jq все что прилетает после загрузки dom вешается на on а не на click
Roman
Окей... Сейчас попробую, спасибо. А код можно, но его много, не хотелось бы засорять
Vitaly
Ну есть же всякие песочницы
Vitaly
в jQuery два способа
Vitaly
.click(function() {}) && .on('click', function() {})
batek
$('body').on('click', 'selector', function(){});
Vitaly
кому какой нравится)
Vitaly
через body просто самый действенный
Roman
Хах) Никогда не пользовался этим вариантом $('body').on('click', 'selector', function(){}); , а сейчас именно он помог, спасибо)
Vitaly
в случаях когда элемента не было потом хоп появился
Roman
Кстати, по поводу кода.... Он из-за jq может быть немного не понятный, но так могу куда-нибудь выложить, если здесь так принято, на посмотреть)
batek
А чего не вешаешь на vue-шные события?
Vitaly
вешал бы уже так событие на кнопку @click из vue
batek
))
Vitaly
я вон отказался от jQuery и жить стало легче
Vitaly
и код чище
Roman
Я просто до сих пор нигде не видел и соответственно не понимаю, как так же удобно работать с dom-элементами, скроллами, содержимым и всем остальным что хорошо умеет jq, только на vue
batek
Вот тут вроде есть https://github.com/vuejs/awesome-vue/blob/master/README.md
Roman
Классно, спасибо, буду вникать по чуть-чуть. Рад, что есть такое сообщество)
Volodymyr
Гайз, может кто скинуть примеры использования vue для разработки CRM систем. Архитектура, менеджемент состояния и т.д. Что то не гуглиться ничего:(
Аліса 🏳‍🌈 Байрактарқызы
Добил свой клон редактора Medium для вуя. https://github.com/lover-drive/vue-minrich-editor Тапки ловлю, если что.
Vladimir
Нужно попробовать
Roman
Можно как-то расшарить переменную между всеми инстанциями одного определённого компонента? (типа static в OOP) пока только root как вариант, но немного костыльный
Roman
vuex
это лишь замена $root и никак не может являеться решением. Мне нужен не application state management, а лишь предотвравить повторное вычисление которое выполняется в каждой инстанции определённого компонента при инициализации. Чтоб не тратить лишние ресурсы можно просто вычислить 1 раз, а потом проверять мол this.$root.__myHiddenSecretSharedComputionResultForComponentXYZ
Vladislav
а
Vladislav
миксин может
Roman
дело в том что засорять $root не охота, если имя переменной будет достаточно рандомное то вероятность коллизии с юзер-кодом мала, но тем не менее....
batek
расчитай и в локал стораж положи, потом оттуда доставай
Roman
расчитай и в локал стораж положи, потом оттуда доставай
и чем это лучше $root? это ещё хуже, поскольку это запись на диск, полный нонсенс
Roman
миксин может
миксин нужно регистрировать в контексте Vue vm, разве нет? тогда это такая-же лажа
Roman
короче видимо нет другого варианта как просто спрятать в root под очень рандомным именем во избежание коллизий с юзер-кодом
Vladislav
я не понимаю почему ее во вьюикс не положить
Vladislav
🤔
Roman
я не понимаю почему ее во вьюикс не положить
потому-что это во первых ну НИЧЕМ не отличается от root'а, во вторых это ОБЯЗЫВАЕТ пользователя компонента ставить Vuex, только ради сраной статичной переменной?
Roman
-1 sense
Roman
не будет коллизий в $root, так будут коллизии в Vuex.state, что гораздо хуже
Roman
Плагин делаешь?
можно так сказать, да
Demetrio
Только плагином он не является?
Roman
однако пока-ещё не известно будет ли это конкретно плагин или просто поключаться к кодовой базе как git submodule компоненты из репы которого будут просто импортироваться в приложение