в хроме поставь плагин https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi
это не решение, я ж не буду всем юзерам ставить этот плагин)
Максим
Alexandr
на бэке
Phil
Должно после этого сразу работать)
Phil
вы уверены что на серваке ставится этот хедер?
Максим
я его в конфиг Nginx ставил, сервис nginx перезапускал
Максим
по идее в панели разработчика должен быть виден этот заголовок?
Максим
щас посмотрю
Alexander
это не решение, я ж не буду всем юзерам ставить этот плагин)
я думал локально. а если так, то в опшенах запроса отправляй Access-Control-Allow-Origin: *
Максим
Denis
Есть тут товарищи, которые юзали v-calendar? (https://vcalendar.io/)
Не могу закастомить стрелки
Phil
У тебя php скрипт в итоге?) на беке?
Phil
Максим
Если да, то зайди прям в этот контроллер который принимает запрос.
И в самом начале сделай
<?
header('Access-Control-Allow-Origin: *');
......
?>
да по ходу решил уже, теперь ругается на шаблон vue, на одну из переменных, не добавил по ходу)
Максим
да, на беке yii2 там есть из коробки решение для CORS
Phil
Ну ок))
Максим
спасибо)
Sunlive
Кто то работал с гугл доками(таблицами вчастности)? Юзали их апи или есть какие то более удобные инструменты что бы получать данные
⛄️Twilly🦄
апи довольно-таки прозрачный
Sunlive
да я вот читаю, ага, мало ли есть чето более удобное
Stanislav
я правильно понял, что отдельно создаётся, например модуль ui в нём вся оснастка по сборке компонет + собственно код. Отдельно делается веб-модуль. который при сборке "засысывает" то, что собралось в модуел ui?
Простой вариант - бэкэнд выступает как JSON API.
Разворачивание проект через vue-cli (шаблон webpack) на своем компе.
Настраиваете прокси в развернутом шаблоне на ваш бэкэнд для запросов к API.
Пишем приложеньку
Собираем приложеньку все тем же webpack.
На выходе получаем index.html и js/CSS.
Закидываем их на бэк, где веб сервер будет отдавать index.html на запросы браузера
Артур
Станислав. спасибо. Но при этом мы теряем continous integration
Артур
И плюс я не сказал. часть кронтента должна индексироваться яндекс
Артур
*контента
Alex
Никак для себя не могу софрмулировать что такое этот объект который передаётся в конструктор Стора. Попробую пояснить - вот есть акшон, который получает объект. В котором есть и методы и само состояние. Это интсанс стора?
LeHa
Может кто подскажет как сменить локаль в iViewUI в копоненте DatePicker ??
LeHa
там по умолчанию китайская
LeHa
все разобрался )
Stanislav
Станислав. спасибо. Но при этом мы теряем continous integration
Никто не мешает запускать webpack сборку в CI :)
Aleksey
Ребят, нужна помощь) Как правильно сообщить родителю, что поменялся searchString ?
Компонент:
export let sComponent = {
template: <input class="searchInp" type="text" :placeholder="template.searchHolder" v-model="searchString">,
props: ['string', 'template'],
data() {
return {
searchString: this.string
}
},
}
Шаблон:
v-search(:string='searchString' :template='template')
Экземпляр:
new Vue({
el: reportsEl,
components: {
'v-search': sComponent
},
data: {
searchString: ''
}
});
Stanislav
И плюс я не сказал. часть кронтента должна индексироваться яндекс
Ммм... тут смотря какая часть.
Если там статичный контент, то его можно отрендерить вебпаком заранее.
Ну и конечный вариант - SSR.
Например, нода.жс будет фронтом для вашего бэка.
Alexander
Есть тут товарищи, которые юзали v-calendar? (https://vcalendar.io/)
Не могу закастомить стрелки
там захардкожено
https://github.com/nathanreyes/v-calendar/blob/master/src/components/CalendarNav.vue#L23-L28
Denis
там захардкожено
https://github.com/nathanreyes/v-calendar/blob/master/src/components/CalendarNav.vue#L23-L28
Да я уж разобрался, спасибо. Календарь нормально кастомится. А вот для DatePicker он слоты не сделал((
Erzed
подскажите пожалуйста, как нормально получить доступ и изменять(commit) vuex.store из router.beforeEach() ?
Alexander
this.$store.dispatch не?
Alex
подскажите пожалуйста, как нормально получить доступ и изменять(commit) vuex.store из router.beforeEach() ?
импортнуть store в файле роутера и точно также использовать
Van
подскажите пожалуйста, как нормально получить доступ и изменять(commit) vuex.store из router.beforeEach() ?
если без сср, import store from '../your_store.js'
Erzed
получилось так достучаться, это нормально?)
router.beforeEach((to, from, next) => {
this.a.app.$store.commit('someMethod')
next()
});
vsh
Ребят, привет. Вопрос даже не по vue, а по чистому jquery. При рендере страницы, создается таблица,в которой некоторые td - пустые. Пытаюсь жсом сделать так, чтоб пустые тд становились серыми
vsh
$(document).ready(function () {
if($("td.permission-td:empty")){
$(this).css({'background-color': 'grey'});
}
})
vsh
Не работает, есть идеи?
Максим
attr('style', 'background-color: grey')
vsh
Пробовал, не работает
Максим
значит у тебя какой то другой JS) у меня работает
vsh
Пробовал так же $("td.permission-td”.text().trim()=="")
Danila
Ребят, привет. Вопрос даже не по vue, а по чистому jquery. При рендере страницы, создается таблица,в которой некоторые td - пустые. Пытаюсь жсом сделать так, чтоб пустые тд становились серыми
Array.from(document.querySelectorAll('td.permission-td:empty')).forEach( td => td.style.backgroundColor = 'gray');
Aleksey
Всем спасибо разобрался! sync и $emit решают проблему
Denis
Не работает, есть идеи?
На будущее - jQuery выбирает сразу все элементы, подходящие под селектор. И $(this) у вас будет указывать скорее всего на window.
Denis
Если вы хотите перебрать элементы, вам нужно использовать перебор через each, а не просто в if пытаться что-то сделать
vsh
Array.from(document.querySelectorAll('td.permission-td:empty')).forEach( td => td.style.backgroundColor = 'gray');
Cannot convert undefined or null to object
vsh
Если вы хотите перебрать элементы, вам нужно использовать перебор через each, а не просто в if пытаться что-то сделать
хм, я думал, что если по классу, то поймет. Спасибо
Van
Пробовал так же $("td.permission-td”.text().trim()=="")
https://codepen.io/anon/pen/jZGgGz
Denis
$("td.permission-td:empty").each(function (idx, elt) { $(elt).css('background', 'gray')})
Danila
Ну или тип того, да.
Denis
А вообще, если поддержка браузеров позволяет, это делается тупо через CSS. td:empty никто не отменял
Denis
IE9+ отлично работает
Denis
Вот вам без JS
vsh
Спасибо всем за ответы, но почему-то ни одно решение не работает
vsh
vsh
может оно не считается за empty?))
🐏 Alexander
да, тебе надо писать
<td>{{ content }}</td>
а не
<td>
{{ content }}
</td>
Максим
ну там переносы строк есть) так что вряд ли
🐏 Alexander
иначе :empty бесполезен
vsh
да, тебе надо писать
<td>{{ content }}</td>
а не
<td>
{{ content }}
</td>
проблематично… это не vue, вывожу данные с бэкенда на ларавел
vsh
там цикл
vsh
секунду, кое что попробую
Фёдор
Ребзя, подскажите как правильно замутить. Есть дочерний компонент самописный, там внутри text-field, и соответсвенно этот компонент в составе формы в родительском. Как послать событие на очистку инпута из родительского компонента? Спасибо.
Arstanbek
проблематично… это не vue, вывожу данные с бэкенда на ларавел
возьмите значение с ячейке и сделайте ему .trim()
ixplo
Van
проблематично… это не vue, вывожу данные с бэкенда на ларавел
https://codepen.io/anon/pen/jZGgGz
Van
Ребзя, подскажите как правильно замутить. Есть дочерний компонент самописный, там внутри text-field, и соответсвенно этот компонент в составе формы в родительском. Как послать событие на очистку инпута из родительского компонента? Спасибо.
Хранить форму в родительском компоненте, передавать в чайлд через пропсы, чистить из родителя
vsh
но у меня чекбоксы в тд
vsh
и в итоге серыми становятся все td
T.A
интересно почему вакансий на вью мало. чем он хуже реакта? то, что он лучше ангуляра это точно
Andrew
моложе