Не работает
есть вариант решения?
Я хочу что бы у инпутов focus срабатывал только по клику
arr.map(n => ({
...n,
items: n.items.filter(m => m.checked).map(m => ({ ...m })),
}))
возможно, computed надо высчитывать?
computed: {
checkedArr() {
return this.arr.map(/* ... */);
},
},
created() {
this.popup = _.throttle(function(state) {
this.show = ({
enter: true,
leave: false,
})[state];
}, 500, {
leading: false,
trailing: true,
});
},
this.popup = _.throttle(show => this.show = !!show, 500, {
leading: false,
trailing: true,
});
<a href="#" @mouseenter="popup(1)" @mouseleave="popup(0)">
Понятно, что можно добавить в форму все виды инпутов и, например, использовать
< component :is='нужный инпут в зависимости от пропса'>
зачем передавать: @my-event="myEvent"
?
aa
:<modal-notifications :aa.sync="isActive" :message="message"></modal-notifications>
closeModalWindow() {
this.$emit('update:aa', false);
},
v-model
. Надо будет заменить имя параметра с aa
на value
(ну или настроить model):props: ['aa', 'message'],
---> props: [ 'value', 'message' ],
:class="{'is-active': aa}"
---> :class="{ 'is-active': value }"
closeModalWindow() {
this.$emit('input', false);
},
<modal-notifications v-model="isActive" :message="message"></modal-notifications>
Я же делаю из потомка this.$emit('my-event', this.isActive)
которое слушает родитель.
@my-event="myEvent"
.эмит выше вроде бы не нужен, но без него не работает
И еще вопрос. Что делает:
myEvent: function(isActive) { this.isActive = isActive }
Почему оно должно что-то принимать? Можно же просто значение из data взять.
this.isActive
. Который вам обновить надо. Обновить значением, которое присылает диалоговое окно. Значением, которое передаётся в (т.е., которое принимает) обработчик события. obj() {
return this.items[0];
},
<div v-if="obj">
<div v-for="(val, key) in obj">
...
получать данные для корзины - в actions, через Promise.all по id вытаскивая данные для каждого товара?
todos: [
{ open: false, ... },
{ open: false, ... },
...
],
@click="todo.open = !todo.open"
:class="{ 'dropdown-active': todo.open }"
<button class="btn btn-danger" @click='delete'>Удалить</button>
@click="this.delete"
. <my-fucking-component :myData="someData">
Имена HTML-атрибутов являются регистро-независимыми, поэтому браузеры интерпретируют любые прописные символы как строчные. Это означает, что при использовании шаблонов в DOM, входные параметры в camelCase стиле должны использовать свои эквиваленты в стиле kebab-case