вроде флагом включается

не надо, в хроме по дефолту

пытался как то так https://codepen.io/vovk1805/pen/yPmqVx https://codepen.io/vovk1805/pen/JraxWE?editors=1010 но может есть какой то другой способ,

через new Vue ты создаешь не компонент, а инстанс vue. чтоб сделать компонент используй например Vue.component('name-component', { data() {} })

либо new Vue({ template: `<div><range></range></div>` el: '#app' components: { range: { template: '#range', data() {} } } })

https://vuejs.org/v2/guide/components.html#Global-Registration в общем 2 способа создания компонента, глобально и локально, а new Vue используй для создания общего инстанца

а может я тебя нехера не понял

ох

и чтоб добавить возможность указывать атрибуты, ты должен добавить props: {}, но в общем это все в доке написано

и чтоб добавить возможность указывать атрибуты, ты должен добавить props: {}, но в общем это все в доке написано

вот смотри, накидал на реакте, если не трудно напиши реализацию на Vue

https://codesandbox.io/s/n51ryqy4zp Вот это твой пример. А по vue'шному, туда еще можно v-model запихнуть. Чтоб руками вот эти обработчики не писать

Добрый день, ребят. Подскажите, пожалуйста, есть ли готовые примеры доставок еды/интернет-магазинов с исходниками , реализованные на данном фреймворке? Мне бы хотелось изучить как это принято и правильно делается, чтобы не городить велосипеды, прочитав лишь только документацию.

Было бы тоже интересно посмотреть

Добрый день, ребят. Подскажите, пожалуйста, есть ли готовые примеры доставок еды/интернет-магазинов с исходниками , реализованные на данном фреймворке? Мне бы хотелось изучить как это принято и правильно делается, чтобы не городить велосипеды, прочитав лишь только документацию.

https://github.com/sdras/sample-vue-shop

https://github.com/sdras/sample-vue-shop

Спасибо большое!

Но буду рад и другим примерам, чем больше тем лучше

Обновился на VUE@2.5.12 и конструкция вида <input :type="multiple ? 'checkbox' : 'radio'" :value="option" v-model="val"> перестала работать. Здесь multiple это булевое значение в props. В 2.5.3 это работало. Что можно сделать, кроме дублирования этого инпута (v-if v-else) ?

ругается на :value, если задать type статически, то всё хорошо.

v-bind:value.prop="value" попробуйте

Реально ли привязать LocalForage к Vuex?

реально, но зачем)

реально, но зачем)

данные хранить

есть примеры реализации?

.subscribe

а дальше куда угодно можно сохранять и как вздумается

.subscribe

проблем не будет с тем, что localforage работает промисами?

насколько я понимаю геттеры синхронно работают

или я ошибаюсь?

а геттеры тут причем ? вы документацию читали? она на русском

как причем? как с хранилища доставать данные без геттеров?

v-bind:value.prop="value" попробуйте

не совсем понял что тут происходит, на всякий случай сделал v-bind:value.prop="option", компилируется без ошибок но работает не так как надо.

надо искать, вроде допиливали под динамический type, но возможно тонкости какие-то есть

Подскажите можно где посмотреть пример загрузки изображений nodejs + vuejs???)

Подскажите можно где посмотреть пример загрузки изображений nodejs + vuejs???)

vuejs не имеет к задаче никакого отношения

vue не занимается работой с сетью

смотри в сторону axios

Fe - VueJS , Be - nodejs

смотри в сторону axios

Может есть где ловцы пример как с вью передаёт на сервер что он принимает

Vue ничего не принимает.

и не передаёт

И не передает

Этим axios занимается

смотри в сторону axios

Хорошо, все форма все данные передаю через axios , на node пишу в базу, как реализовать запись изображений)?

Хорошо, все форма все данные передаю через axios , на node пишу в базу, как реализовать запись изображений)?

спроси лучше там: http://t.me/joinchat/Be4rsT3Uyr1TjmSlrRc77g

я вообще ноду не тыкал.

я вообще ноду не тыкал.

Спасибо

Ну попробуй просто путь храни в базе а картинки складывай куда-нибудь

Диск это файловой хранилище а база документоориентированное

https://pp.userapi.com/c621700/v621700800/52422/cIj05KiaAH0.jpg

Помогите, плз, очень странная ситуация 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

Подскажите можно где посмотреть пример загрузки изображений nodejs + vuejs???)

я делал с помощью multer

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>

Помогите, плз, очень странная ситуация 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

Может быть, baseURL а не baseUrl?

@Feofanov Блин,.. точно! Спасибо большое!

Привет, если был уже такой вопрос, то извиняюсь, но проблема в обработке событий на компоненте с помощью Jq. Jq вообще не видет смонтированные компоненты?

Зачем jq?

Для некоторых целей, я считаю, он удобнее

Или просто еще не имею нужного опыта на vue, но все же сейчас дело в нем

(jq)

какие смонтированные компоненты?

что ты пытаешься сделать?

Есть таблица на дивах, каждая строка - это компонент, который вызывается в основном компоненте с помощью v-for. И вот в итоге, когда все уже есть на странице, то при нажатии на определенную кнопку должен срабатывать обработчик $().click

Но именно на компонентах он не работает, обычный DOM распознается

а как ты делаешь?

можно код глянуть?

В jq все что прилетает после загрузки dom вешается на on а не на click

Окей... Сейчас попробую, спасибо. А код можно, но его много, не хотелось бы засорять

Ну есть же всякие песочницы

в jQuery два способа

.click(function() {}) && .on('click', function() {})

$('body').on('click', 'selector', function(){});

кому какой нравится)

через body просто самый действенный

Хах) Никогда не пользовался этим вариантом $('body').on('click', 'selector', function(){}); , а сейчас именно он помог, спасибо)

в случаях когда элемента не было потом хоп появился

Кстати, по поводу кода.... Он из-за jq может быть немного не понятный, но так могу куда-нибудь выложить, если здесь так принято, на посмотреть)

А чего не вешаешь на vue-шные события?

вешал бы уже так событие на кнопку @click из vue

))

я вон отказался от jQuery и жить стало легче

и код чище

Я просто до сих пор нигде не видел и соответственно не понимаю, как так же удобно работать с dom-элементами, скроллами, содержимым и всем остальным что хорошо умеет jq, только на vue

Вот тут вроде есть https://github.com/vuejs/awesome-vue/blob/master/README.md

Классно, спасибо, буду вникать по чуть-чуть. Рад, что есть такое сообщество)

Гайз, может кто скинуть примеры использования vue для разработки CRM систем. Архитектура, менеджемент состояния и т.д. Что то не гуглиться ничего:(

Добил свой клон редактора Medium для вуя. https://github.com/lover-drive/vue-minrich-editor Тапки ловлю, если что.