Наверное нужно создать массив, куда помещать id продукта и данные с инпутов...
<input v-model="product.count" name="count" type="text" placeholder="Количество">
<input v-model="product.comment" name="comment" type="text" placeholder="Примечание">
methods: {
plainObj(obj) {
return Object.entries(obj).reduce((acc, [ k, v ]) => {
if (v instanceof Object) {
Object.assign(acc, this.plainObj(v));
} else {
acc[k] = v;
}
return acc;
}, {});
}
}
<li v-for="value in plainObj(object)" class="list-group-item">{{ value }}</li>
Vue.component('list-obj', {
template: `
<ul class="list-group">
<li v-for="value in obj" class="list-group-item">
<list-obj v-if="value instanceof Object" :obj="value"></list-obj>
<span v-else>{{ value }}</span>
</li>
</ul>`,
props: [ 'obj' ]
});
<list-obj :obj="object"></list-obj>
state: {
items: [
{ title: '...', liked: false },
{ title: '...', liked: false },
...
mutations: {
toggleLike: (state, item) => item.liked = !item.liked,
...
<li
v-for="n in $store.state.items"
:class="{ liked: n.liked }"
@click="$store.commit('toggleLike', n)"
...
v-model
. export default {
render(h) {
return h('ul', this.$slots['list-item'].map(n => h('li', [ n ])));
},
};
components: {
SlotWrapper: {
functional: true,
render: (h, context) => context.props.node,
},
},
<li v-for="n in $slots['list-item']">
<slot-wrapper :node="n"></slot-wrapper>
</li>
function () { axios.get(api.udpEmulatorProxy)
return axios.get
?this.getShips() this.$store.commit('getShips', 10)
get
? - смысл-то в установке значения, так что правильно было бы set
) передавать те данные, что возвращает getShips
:this.$store.commit('getShips', await this.getShips());
Пользователь выбирает несколько таких чекбоксов и нажимает кнопку "Выбрать".
selected() {
return this.filters.map(n => ({
filterId: n.filterId,
values: n.filterData.variants.filter(m => m.checked).map(m => m.key),
}));
},
data() {
return {
items: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6'],
};
},
хочу сделать крутящийся spinner на блоке, когда данные обновляются, затем при выводе новых данных, скрывать его
this.showSpinner = true
this.showSpinner = false
<div class="spinner" v-if="showSpinner"></div>