<li v-for="(val, key) in data" :some-data="key">{{ val }}</li>В компоненте так же прописано удаление "EventListener", но так как компонент сохраняет своё состояние (keep-alive), данный метод не удаляет "слушателя скролла".
выводить содержимое данного тега в консоль...
<li v-for="n in items" @click="onClick(n)">
{{ n.message }}
</li>methods: {
onClick(item) {
console.log(item.message);
}
}...или в какой-то блок
<li v-for="n in items" @click="$emit('select', n)">
{{ n.message }}
</li><b-list @select="selected = $event"></b-list>
<div v-if="selected">{{ selected.message }}</div>data: () => ({
selected: null,
...
})shower[index] = !shower[index]$set(shower, index, !shower[index])data: () => ({
items: [
{ name: '...', show: false },
{ name: '...', show: false },
...
],
...
}),<span @click="item.show = !item.show">{{ item.name }}</span>
<div class="dialog_show" v-if="item.show">{{ index }}</div>switch = !switchпроисходит рендеринг двух разных списков
<transition name="fade">transition-group.<li v-for="elements in myData" v-if="elements.key == getKey()">
<div v-if="my_dates['2018-04-23']">{{ myvalue }}</div>myvalue() {
сonst date = this.my_dates['2018-04-23'];
return date ? Number(date.april) + Number(date.may) : null;
}Нужно ли выносить в отдельный компонент это?
name: 'v-tree',
props: [ 'items' ],<ul v-if="Array.isArray(items) && items.length">
<li v-for="n in items">
{{ n.name }}
<v-tree :items="n.children" />
</li>
</ul>data: () => ({
showModal: false
})<button @click="showModal = true">Открыть склад</button>
<store-modal-component
:show-modal="showModal"
@close="showModal = false"
></store-modal-component>props: [ 'showModal' ].modal-mask заменить @close="showModal = false" на @click.self="$emit('close')" (модификатор self - это чтобы не обрабатывать клики с вложенных элементов, т.е., собственно окна и его содержимого).
Можно ли не прописывать в каждом дочернем элементе мета теги - requireAuth и т.д.?
совпавшие записи маршрутов оказываются доступны через объект$route(а также через объекты маршрутов в сторожевых хуках), в виде массива$route.matched. Таким образом, для проверки метаданных в записях маршрутов нам понадобится обойти$route.matchedв цикле.
пишет что jobClass не является функцией
data: () => ({
file: null,
...<input type="file" accept="image/*" @change="file = $event.target.files[0]">methods: {
uploadAndCreate() {
const data = new FormData;
data.append('name', 'picture');
data.append('file', this.file);
axios.put(... // запрос из uploadImage
axios.post(... // запрос из create
},
...Далее вот так вот например можно вывести данные самой статьи во vuev-for="{description,created_at } in articles" ... {{ description }}
v-for="a in articles" ... {{ a.description }}a.author.name (если конечно, вы насчёт структуры данных не обманываете).v-for="{ author } in articles"author.name будет OK.