
Yan
26.05.2018
21:55:50
тип рега кончилась или чет такое

freekzy
26.05.2018
21:56:02
Хм...

Zurab
26.05.2018
21:56:10
там теперь как я понял только через амазон рега

Yan
26.05.2018
21:56:23
и в чем соль отличия

Google

Zurab
26.05.2018
21:56:26
я на днях регался тоже на амазон кидануло

Yan
26.05.2018
22:31:32
та же политика тип бесплатно и все такое
?
ну карту привязать но бесплатно

Zurab
26.05.2018
22:33:20
бесплатно привязал
ничего не снимали
я под рельсы проект делал
поставилось вроде норм

Yan
26.05.2018
22:36:58
отличное идее
жаль было бы терять
оно даже для десктопа прям заебись

ed
27.05.2018
02:20:13
народ, а во вью вот такая подписка:
created() {
this.$on("field-change", data => {
//
})
}
при смерти компонента сама удалит подписку или надо чистить?

Google

Alan
27.05.2018
03:34:05
Нашел. Через Vue.set вроде

Denys
27.05.2018
05:17:33
<template>
<v-select label="header" :filterable="false" :options="opt" :value="value" @input="onChangen(value)">
</v-select>
</template>
<script>
import vSelect from 'vue-select'
export default {
name: 'search-select',
components: { vSelect },
props: ['value'],
data () {
return {
selected: null,
opt: [{id: 16, header: 'Окружающий мир'}, {id: 3, header: 'Учебная литература для дошкольников'}, {id: 2, header: 'Учебная литература'}]
}
},
methods: {
onChangen (val) {
this.$emit('input', val)
}
}
}
</script>
почему этот компонент при рендринге вызывает @input у родителя
<div v-for="(curr, index) in getCategoryChain(currentProduct.categoriesChain)" :key="curr.id" >
<search-select @input="onSelectChange(index)" v-model="currentProduct.categoriesChain[index]"/>
<br/>
</div>
Как обойти, сильно мешает
А почему инпут в metods?


Artem
27.05.2018
05:24:40

Denys
27.05.2018
05:45:21
Не понял
Лучше в computed добавить функцию для инпута, тогда функция не будет влиять на производительность и не будет все время вызываться

Denis
27.05.2018
05:45:36
А как во вью организовать наследование шаблонов?

Denys
27.05.2018
05:49:09
Не понял
Вот тут хорошо объясняется
https://youtu.be/_Pa2DYAvIoc

Yan
27.05.2018
06:01:38
Хендлер в компутед

Denys
27.05.2018
07:23:33
Или я не прав?

Yan
27.05.2018
07:25:20
Или я не прав?
Ну я кажется понял к чему ты тип вычисляемые разок отрабатывают но он же хендлер на событие вешает
Ну и да событие инпута отрабатывает каждый ввод это же нативное событие
Если надо чтоб реже вызывалось кидают дебаунс там и сё если надо отправлять запросы


Artem
27.05.2018
09:04:17
Уверенные пользователи vuelidate. Подскажите, пожалуйста, как вы делаете валидацию динамически созданных полей? Например у меня есть объект c параметрами формы:
{
id: 0,
name: 'author',
label: 'Автор',
placeholder: 'Автор',
required: true,
type: 'text'
}
и есть объект с данными этой формы:
{
label: 'Автор',
id: 0,
CardField: {
fieldValue: 'Лев Николаевич Толстой'
}
},
Общее свойство между ними это id. Как я могу выставлять флаг required динамически? Я попробовал сделать так, но requiredIf не даёт возможность получить родительский контекст и id для проверки соответственно.
fields: {
$each: {
CardField: {
fieldValue: {
required: requiredIf(function (nestedModel) {
console.log(nestedModel)
return !nestedModel.someFlag
})
}
}
}
}

Stanislav
27.05.2018
11:35:08

Grigorii
27.05.2018
11:41:25
Добрый день.
На сколько я понял, обычно из родительских компонентов в дочерние обращаются с помощью событий.
Можно как-то ещё вызвать метод? Не прямого потомка. И потомки тоже динамические.
Через children плохо, потому что не прямой потомок, а 3-го уровня, и индекс неудобно определять.
Идеально было бы refs.
Подскажите, какая видимость у refs и может ли он быть динамическим?
Например, в компоненте :ref="'element_'+element.id"
А в самом верхнем компоненте this.$refs['element_' + someId].someMethod() ?
События не очень удобны в виду асинхронности
Задача довольно приметивная. Есть некоторая большая форма в целом, у неё есть элементы формы различные, у каждого есть метод типа validate.
Надо запустить метод у всех

Google

ed
27.05.2018
12:07:19

Stanislav
27.05.2018
12:41:17

Vladimir
27.05.2018
13:22:05

Grigorii
27.05.2018
13:23:17

Vladimir
27.05.2018
13:24:17
ну тригери событие на шине что потомок закончил обработку, нет?

Mr
27.05.2018
13:42:00
есть чат Ubuntu?

batkor
27.05.2018
13:42:32

Mr
27.05.2018
13:43:06
спасибо

Emil
27.05.2018
13:45:54
Привет
А как из директивы вызвать метод?

Максим
27.05.2018
13:49:45
хз у меня акк был
Старые аккаунты работают на тех же условиях. Если помнишь логин и пароль, попробуй зайти. У меня мой аккаунт работает.

Olena
27.05.2018
14:19:17
Я не могу понять, как работает emit. Тут есть кто-то, кто может помочь разобраться и при этом не троллить?

Игорь
27.05.2018
14:28:38

Stanislav
27.05.2018
14:33:44

Игорь
27.05.2018
14:34:21

Stanislav
27.05.2018
14:35:12
Любое
ты про Custom Events?
https://developer.mozilla.org/ru/docs/Web/API/CustomEvent

Vlad
27.05.2018
15:08:34

ed
27.05.2018
15:10:31
народ, подскажите плиз как добавить условие
<Icon
name="checkbox-checkmark"
color="'dark-background' if checked else 'gray' " />
надо менять цвет по значению checked

Anton
27.05.2018
15:11:16
:color
должно сработать

Grigorii
27.05.2018
15:11:47
А почему бы в родитель не передавать все данные и валидировать их там ?
Потому что это ужасно и нарушает принципы разделения ответственности.
У меня есть 10 различных типов элементов форм, каждый представлен некоторым компонентом.
И у каждого типа может быть своя логика валидации от простой типа "не пусто" до сложной типа "введено от X до Y значений", а потенциально могут появляться новые.
Если у каждого есть свой метод валидации именно его, то надо лишь запустить его у каждого, а он уже сделает то, что нужно.
Если всю валидацию делать в родителе, то там будет условно switch на 10 случаев.
Тут же получается, что код валидации некоторого компонента находится не в этом компоненте, а непонятно где относительно него

Google

ed
27.05.2018
15:11:59
:color="checked ? 'dark-background' : 'gray' "

Admin
ERROR: S client not available

ed
27.05.2018
15:12:47
должно сработать
сори, еще один вопрос, а можно ли добавлять :color только если есть checked?
я видел где-то не могу найти

Януш
27.05.2018
15:13:49
котаны, а подскажите как с работой на вью? (remote/freelance) насколько популярно, где искать?

Anton
27.05.2018
15:16:19

Yan
27.05.2018
15:31:23

ed
27.05.2018
15:41:33
надо только собеседование пройти, но на middle-senior уровне (не обязательно по вью) это не будет сложно

Ivan
27.05.2018
16:02:24

Sergey
27.05.2018
16:04:31
Странная конструкция

DimenSi
27.05.2018
16:07:17
window.alert()

Ivan
27.05.2018
16:08:05

DimenSi
27.05.2018
16:08:27
а какая среда выполнения?

Ivan
27.05.2018
16:09:49
Браузер. Еще nuxt использую, может в этом дело

DimenSi
27.05.2018
16:10:54
даже не знаю
может быть, может быть

Roman
27.05.2018
16:11:06

Ivan
27.05.2018
16:13:49

Google

Roman
27.05.2018
16:14:13

Ivan
27.05.2018
16:15:41
Да вроде как. Во всяком случае он не делает коммиты сдедующие

Сергей
27.05.2018
17:03:59
у меня проэкт на джанго, и я разношу шаблон через include, но в главном файле у меня цикл, есть ли возможность использовать переменные цикла в этом подключенном файле?
есть варианты?


Максим
27.05.2018
18:03:09
всем привет вопрос такой как передать обект в другой компомент через пропс в модульной системе
<template>
<div>
<div class="row">
<div class="col">
<h1>Cars application</h1>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="search">Find your car</label>
<input type="text" class="form-control" id="search" placeholder="Name model">
</div>
<hr>
<ul class="list-group">
<li
v-for="car of cars"
class="list-group-item list-group-item-action pointer"
>
{{car.name }} - {{car.model}}
</li>
</ul>
</div>
<center msg="car"/>
</div>
</div>
</template>
<script>
import center from "./center.vue"
const cars=[
{name:'Ford',model:'Focus',owner:'Max', year:2016,phone:'+77021867028',img:'../assets/logo.png'},
{name:'Bmw',model:'Bmw',owner:'Alex',year:2017, phone:'+770245542028',img:'../assets/logo.png'},
{name:'Mers',model:'Mesr',owner:'Tima', year:2018, phone:'+77011242428',img:'../assets/logo.png'},
]
export default {
name: 'leftblog',
props: {
msg: Object
},
components: {
center
},
data(){
return{
cars:cars,
car:cars[0]
}
}
}
</script>
<!— Add "scoped" attribute to limit CSS to this component only —>
<style scoped>
.pointer{
cursor: pointer;
}
</style>
вот тут
<center msg="car"/>


Vladimir
27.05.2018
18:06:35
<center :msg="car"/>

Максим
27.05.2018
18:09:21

Zikoi5
27.05.2018
18:19:43
почему может не работать реактивность в electron-vue?