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...
Mam tablicę o nazwie, peoplektóra zawiera następujące obiekty: Przed [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Może się zmienić: Po [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, name: 'Joe', age:...
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...
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...
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;
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ć...
Jak zmienić numer portu w projekcie Vue-cli, aby działał na innym porcie zamiast
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"
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...
Chcę umieścić wszystkie moje funkcje, które komunikują się z serwerem i pobierają dane w jednym pliku wielokrotnego użytku w VueJS. Wtyczki nie wydają się być najlepszą alternatywą. Szablon mniej komponentów ..?
Widzę w tym żądaniu pull : Dodać router.reload() Wczytaj ponownie aktualną ścieżkę i ponownie wywołaj hak danych Ale kiedy próbuję wydać następujące polecenie ze składnika Vue: this.$router.reload() Otrzymuję ten błąd: Uncaught TypeError: this.$router.reload is not a function Szukałem w...
Jestem nowy w Vuejs. Zrobiłem coś, ale nie wiem, że to prosty / właściwy sposób. czego chcę Chcę mieć jakieś daty w tablicy i zaktualizować je na wydarzeniu. Najpierw wypróbowałem Vue.set, ale nie wyszło. Teraz po zmianie pozycji mojej tablicy: this.items[index] =...
Mam przypadek, gdy w moim Vue.jsz webpackaplikacji internetowej, muszę wyświetlania dynamicznych obrazów. Chcę pokazać, imggdzie nazwa pliku obrazów jest przechowywana w zmiennej. Ta zmienna jest computedwłaściwością, która zwraca Vuexzmienną magazynu, która jest wypełniana asynchronicznie...
Wygląda na to, że Vue.js 2.0 nie emituje zdarzeń od wnuczka do komponentu pradziadka. Vue.component('parent', { template: '<div>I am the parent - {{ action }} <child @eventtriggered="performAction"></child></div>', data(){ return { action: 'No action' } },...
Jestem nowym użytkownikiem vue.js (2) i obecnie pracuję nad prostą aplikacją do obsługi wydarzeń. Udało mi się dodać wydarzenia, ale teraz chciałbym je usunąć, klikając przycisk. HTML <div class="list-group"> <div class="list-group-item" v-for="event in events"> <h4...
Mój komponent Vue wygląda tak: <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script>...
Jaka jest różnica między tym kodem: new Vue({ data () { return { text: 'Hello, World' }; } }).$mount('#app') i ten: new Vue({ el: '#app', data () { return { text: 'Hello, World' }; } }) Mam na myśli, jakie są korzyści z używania .$mount()zamiast ellub odwrotnie?...
Mam ogromne kłopoty z uruchomieniem moich wielopełniaczy w Edge. Próbowałem postępować zgodnie z dokumentacją, ale różne próby nie przyniosły rezultatu. Wydaje się to być obiecujące. Ostatecznie nie działa. Dzieje się tak w module vuex, więc próbowałem dodać vuex do transpileDependencies w...
Pracuję nad tabelą HTML i html-to-paperdrukuję tę tabelę na drukarce przy użyciu vue.js. Po kliknięciu dodaj dodaj nowy wiersz, a następnie po kliknięciu wydruku próbuję wydrukować tabelę, ale to nie zajmuje wszelkie dane pokazujące tylko puste komórki Kod App.vue <template> <div...
Stworzyłem nową aplikację Vue ze ścieżką podstawową. Ponieważ aplikacja jest osadzona w innej aplikacji Vue, ta aplikacja nie wyświetla router-viewpo uruchomieniu. Jeśli chcesz dowiedzieć się więcej o tym, jak i dlaczego ta aplikacja jest osadzona w innej aplikacji, spójrz tutaj: montuj aplikacje...