Jestem nowy w Vuejs. Stworzyłem coś, ale nie wiem, czy to jest prosta/właściwa droga.Vuejs i Vue.set(), tablica aktualizacji
co chcę
Chcę kilka dat w tablicy i aktualizować je na imprezy. Najpierw spróbowałem Vue.set, ale to nie działa. Teraz po zmianie mojego elementu tablicy:
this.items[index] = val;
this.items.push();
I push() nic do tablicy i będzie aktualizować .. Ale czasami ostatni element zostanie ukryta, jakoś ... Myślę, że to rozwiązanie jest nieco hacky, jak mogę go uczynić stabilnym?
Prosty kod jest tutaj:
new Vue({
el: '#app',
data: {
\t f: 'DD-MM-YYYY',
items: [
"10-03-2017",
"12-03-2017"
]
},
methods: {
cha: function(index, item, what, count) {
\t console.log(item + " index > " + index);
val = moment(this.items[index], this.f).add(count, what).format(this.f);
\t \t this.items[index] = val;
this.items.push();
console.log("arr length: " + this.items.length);
}
}
})
ul {
list-style-type: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.11/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<div id="app">
<ul>
<li v-for="(index, item) in items">
<br><br>
<button v-on:click="cha(index, item, 'day', -1)">
- day</button>
{{ item }}
<button v-on:click="cha(index, item, 'day', 1)">
+ day</button>
<br><br>
</li>
</ul>
</div>
Perfekcyjne dzięki za link. Potrafię przyjąć odpowiedź w ciągu 3 minut. Byłem nieco zdezorientowany przy użyciu Vue.set() lub $ set. Ale przeczytam tę dokumentację dzięki. –
Jak powiedziałem w dokumentach, $ set to po prostu ładny .splice(). Ma to sens, ponieważ tak jak mówią w dokumentach, należy zmodyfikować tablicę za pomocą jej metod. – Borjante
Pls nie łączą wcięć tabulacji z wcięciami spacji, rozmiar zakładki jest wyraźnie inny w aplikacji SE, co utrudnia odczytanie kodu – Ferrybig