D
или я ошибаюсь?
Alex
а геттеры тут причем 🙂 вы документацию читали? она на русском
D
как причем? как с хранилища доставать данные без геттеров?
Alex
надо искать, вроде допиливали под динамический type, но возможно тонкости какие-то есть
Dmitry
Подскажите можно где посмотреть пример загрузки изображений nodejs + vuejs???)
Igor
Igor
vue не занимается работой с сетью
Igor
смотри в сторону axios
Dmitry
Fe - VueJS , Be - nodejs
Igor
Vue ничего не принимает.
Igor
и не передаёт
Demetrio
И не передает
Demetrio
Этим axios занимается
Dmitry
смотри в сторону axios
Хорошо, все форма все данные передаю через axios , на node пишу в базу, как реализовать запись изображений)?
Igor
Igor
я вообще ноду не тыкал.
Dmitry
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>
Ivan
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 как вариант, но немного костыльный
Vladislav
Roman
vuex
это лишь замена $root и никак не может являеться решением. Мне нужен не application state management, а лишь предотвравить повторное вычисление которое выполняется в каждой инстанции определённого компонента при инициализации. Чтоб не тратить лишние ресурсы можно просто вычислить 1 раз, а потом проверять мол
this.$root.__myHiddenSecretSharedComputionResultForComponentXYZ
Vladislav
а
Vladislav
миксин может
Roman
дело в том что засорять $root не охота, если имя переменной будет достаточно рандомное то вероятность коллизии с юзер-кодом мала, но тем не менее....
batek
расчитай и в локал стораж положи, потом оттуда доставай
Roman
миксин может
миксин нужно регистрировать в контексте Vue vm, разве нет? тогда это такая-же лажа
Roman
короче видимо нет другого варианта как просто спрятать в root под очень рандомным именем во избежание коллизий с юзер-кодом
Vladislav
я не понимаю почему ее во вьюикс не положить
Vladislav
🤔
Roman
-1 sense
Roman
не будет коллизий в $root, так будут коллизии в Vuex.state, что гораздо хуже
Demetrio
Demetrio
Только плагином он не является?
Roman
однако пока-ещё не известно будет ли это конкретно плагин или просто поключаться к кодовой базе как git submodule компоненты из репы которого будут просто импортироваться в приложение