1. Jak mogę ustawić domyślną wartość właściwości komponentu w Vue 2? Na przykład istnieje prosty movies
komponent, którego można użyć w ten sposób:
<movies year="2016"><movies>
Vue.component('movies', {
props: ['year'],
template: '#movies-template',
...
}
Ale jeśli użytkownik nie określi year
:
<movies></movies>
wtedy komponent przyjmie domyślną wartość właściwości year
.
2. Ponadto, jaki jest najlepszy sposób sprawdzenia, czy użytkownik nie ustawił właściwości? Czy to dobry sposób:
if (this.year != null) {
// do something
}
a może to:
if (!this.year) {
// do something
}
?
javascript
vue.js
vue-component
PeraMika
źródło
źródło
if (this.year != null)
a może to:if (!this.year)
lub? Dzięki!null
. Jeśli to jest to, czego potrzebujesz, aby zastosować inną logikęif (this.year != null)
lubif (!this.year)
jest to droga do zrobienia.To stare pytanie, ale jeśli chodzi o drugą część pytania - jak sprawdzić, czy użytkownik ustawił / nie ustawił rekwizytu?
Przeprowadziliśmy inspekcję
this
w ramach komponentuthis.$options.propsData
. Jeśli właściwość jest tutaj obecna, użytkownik jawnie ją ustawił; wartości domyślne nie są wyświetlane.Jest to przydatne w przypadkach, gdy nie możesz naprawdę porównać swojej wartości z jej wartością domyślną, np. Jeśli prop jest funkcją.
źródło