data: () => ({
swiperOptions: {
initialSlide: здесь номер слайда,
},
}),
<swiper :options="swiperOptions">
data: () => ({
value: '',
values: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),
<input v-model="value">
<button v-for="(n, i) in values" @click="value = n">set value #{{ i + 1 }}</button>
data: () => ({
scroll: 0,
}),
computed: {
style() {
return {
height: здесь рассчитываете высоту на основе this.scroll,
};
},
},
created() {
const onScroll = () => this.scroll = document.scrollingElement.scrollTop;
onScroll();
document.addEventListener('scroll', onScroll);
this.$on('hook:beforeDestroy', () => document.removeEventListener('scroll', onScroll));
},
<div :style="style">
computed: {
grouped() {
return this.dataTable.reduce((acc, n) => {
(acc[n.customer.name] = acc[n.customer.name] ?? []).push(n);
return acc;
}, {});
},
},
<template v-for="(items, customer) in grouped">
<tr>
...
</tr>
<tr v-for="item in items">
...
</tr>
</template>
v-for="image in images"
должно быть v-for="image in result.images"
.v-model="profileImg"
и {{profileImg}}
должно быть v-model="result.profileImg"
и {{ result.profileImg }}
.name="profileImg"
значение name должно вычисляться динамически, в зависимости от result (например - добавляйте id, если есть, или индекс).<li>{{ result.sizes.join(' ') }}</li>
должно быть <li v-for="size in result.sizes">{{ size }}</li>
. <button @click="showFiltered = !showFiltered">
Показать {{ showFiltered ? 'все' : 'отфильтрованные' }} элементы
</button>
<ul>
<li v-for="n in (showFiltered ? filteredItems : items)">{{ n }}</li>
</ul>
data: () => ({
items: [ ... ],
showFiltered: false,
}),
computed: {
filteredItems() {
return this.items.filter(n => 0 < n && n < 10);
},
},
Загорелся желанием попробовать реализовать такую игру на vue.js https://youtu.be/WtUKSGJ_9No
Хотелось бы узнать ваше мнение, насколько это будет возможно?
v-model
игнорирует начальное значение атрибутовvalue
,checked
илиselected
на любых элементах форм.
Насколько он сложен вообще?
Много ли отличии?
DG.then
. watch: {
isAdaptive: {
immediate: true,
handler(val) {
this.$emit('adaptivity-toggled', val);
},
},
},
<Navigation @adaptivity-toggled="onAdaptivityToggled" />
methods: {
onAdaptivityToggled(e) {
console.log(e); // ну вот и всё
},
},
<компонент-которому-нужен-id-пользователя v-if="$store.getters.userId">
watch: {
'$store.getters.userId': {
immediate: true,
handler(userId) {
if (userId) {
...
}
},
},
},