Pytania otagowane jako vuejs2

Użyj tego tagu w przypadku pytań dotyczących wersji 2 Vue.js, progresywnego frameworka Javascript o otwartym kodzie źródłowym do tworzenia interfejsów użytkownika.

5
VueJS warunkowo dodaje atrybut do elementu
W VueJS możemy dodać lub usunąć element DOM za pomocą v-if: <button v-if="isRequired">Important Button</button> ale czy istnieje sposób na dodanie / usunięcie atrybutów elementu dom, np. dla następującego warunkowego ustawienia wymaganego atrybutu: Username: <input type="text" name="username" required> przez coś podobnego do: Username: <input type="text" name="username" v-if="name.required" required> Jakieś pomysły?
6
Vue Js - pętla przez v-for X razy (w zakresie)
Jak mogę powtórzyć pętlę przez v-forX (np. 10) razy? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> Dokumentacja pokazuje: <ul> <li v-for="item in 10">{{ item }}</li> </ul> // or <li v-for="n in 10">{{ n }} </li> …
6
Komunikacja między komponentami rodzeństwa w VueJs 2.0
Przegląd W Vue.js 2.x model.synczostanie wycofany . Więc jaki jest właściwy sposób komunikacji między komponentami rodzeństwa w Vue.js 2.x ? tło Jak rozumiem Vue 2.x, preferowaną metodą komunikacji z rodzeństwem jest użycie sklepu lub magistrali zdarzeń . Według Evana (twórcy Vue): Warto również wspomnieć, że „przekazywanie danych między komponentami” jest …
5
Jak wywołać getter z innego gettera w Vuex?
Rozważmy prosty blog Vue: używam Vuex jako mojego magazynu danych i muszę skonfigurować dwa gettery : getPostpobierający do pobierania postwedług identyfikatora oraz listFeaturedPostszwracający kilka pierwszych znaków każdego polecanego postu. Schemat magazynu danych dla listy polecanych postów odwołuje się do postów według ich identyfikatorów. Te identyfikatory muszą być zamienione na rzeczywiste …
113 vuejs2  vuex 
6
Stan Vuex przy odświeżaniu strony
Moja aplikacja korzysta z interfejsu API Firebase do uwierzytelniania użytkowników, zapisując stan logowania jako wartość logiczną w stanie Vuex. Kiedy użytkownik się loguje, ustawiam status logowania i odpowiednio wyświetlam przycisk Zaloguj / Wyloguj. Jednak po odświeżeniu strony stan aplikacji vue zostaje utracony i zresetowany do wartości domyślnych Powoduje to problem, …
4
Vuex - Obliczona właściwość „nazwa” została przypisana, ale nie ma metody ustawiającej
Mam komponent z jakąś walidacją formularza. Jest to wieloetapowa forma płatności. Poniższy kod dotyczy pierwszego kroku. Chciałbym sprawdzić, czy użytkownik wprowadził jakiś tekst, zapisać jego nazwę w stanie globalnym, a następnie wysłać do następnego kroku. Używam vee-validate i vuex <template> <div> <div class='field'> <label class='label' for='name'>Name</label> <div class="control has-icons-right"> <input …
4
Dynamiczne przekazywanie rekwizytów do dynamicznego komponentu w VueJS
Mam dynamiczny widok: <div id="myview"> <div :is="currentComponent"></div> </div> z powiązaną instancją Vue: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); To pozwala mi dynamicznie zmieniać mój komponent. W moim przypadku, mam trzy różne składniki: myComponent, myComponent1, i myComponent2. I przełączam się między nimi w …
4
Vue.js img src łączy zmienną i tekst
Chcę połączyć zmienną Vue.js z adresem URL obrazu. Co obliczyłem: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Jeśli zbuduję dla Androida: <img src="/android_asset/www/img/logo.png"> Jeszcze <img src="img/logo.png"> Jak mogę połączyć obliczoną zmienną z adresem URL? Próbowałem tego: <img src="{{imgPreUrl}}img/logo.png">
12
[Ostrzeżenie Vue]: Właściwość lub metoda nie jest zdefiniowana w instancji, ale odwołuje się do niej podczas renderowania
var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …
6
Usunięto sposób rozwiązywania interpolacji wewnątrz atrybutów. Użyć v-bind lub skrótu dwukropka? Vue.JS 2
Mój komponent vue wygląda tak: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() { …
5
Jak wywołać funkcję vue.js podczas ładowania strony
Mam funkcję, która pomaga filtrować dane. Używam, v-on:changegdy użytkownik zmienia wybór, ale potrzebuję również wywołania funkcji, nawet zanim użytkownik wybierze dane. Zrobiłem to samo z AngularJSwcześniej korzystaniem, ng-initale rozumiem, że nie ma takiej dyrektywy wvue.js To moja funkcja: getUnits: function () { var input = {block: this.block, floor: this.floor, unit_type: …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.