Jak mogę wykryć kliknięcie poza moim elementem? Używam Vue.js, więc będzie poza moim elementem szablonów. Wiem, jak to zrobić w Vanilla JS, ale nie jestem pewien, czy istnieje lepszy sposób na zrobienie tego, gdy używam Vue.js? To jest rozwiązanie dla zdarzenia Vanilla JS: wykrywanie kliknięć...
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"...
Czytałem dokumenty, ale nie mogę tego zrozumieć. Wiem, jakie dane, obliczone, obserwowane, metody robią, ale do czego nextTick()służą vuejs?
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...
Mam komponent, jak mogę wybrać jeden z jego elementów? Próbuję uzyskać dane wejściowe, które znajdują się w szablonie tego składnika. Składników może być wiele, więc selektor zapytań musi przeanalizować tylko bieżące wystąpienie składnika. Vue.component('somecomponent', { template:...
Chcę utworzyć komponent z Vue.js zawierający etykietę i dane wejściowe. na przykład : <label for="inputId">Label text</label> <input id="inputId" type="text" /> Jak ustawić unikalny identyfikator dla każdej instancji składnika? Dziękuję
Próbuję ustawić parametry zapytania za pomocą Vue-router podczas zmiany pól wejściowych, nie chcę przechodzić do innej strony, ale chcę tylko zmodyfikować parametry zapytania URL na tej samej stronie, robię to w ten sposób: this.$router.replace({ query: { q1: "q1" } }) Ale to również odświeża...
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...
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:...
Chcę, aby uzyskać dostęp state.sessionw instance.jsod records_view.js. Jak to się robi? store / modules / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; store / modules /...
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...
Po pierwsze, chcę powiedzieć, że jestem nowy w Vue i jest to mój pierwszy projekt, w którym Vue jest używany. Mam combobox i chcę zrobić coś innego w oparciu o wybrany combobox. Używam osobnego pliku vue.html i maszynopisu. Oto mój kod. <select name="LeaveType" @change="onChange()"...
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...
Pytanie: Jak wywołać wiele funkcji jednym kliknięciem @click? (aka v-on:click)? próbowałem Podział funkcji średnikiem: <div @click="fn1('foo');fn2('bar')"> </div>; Użyj kilka @click: <div @click="fn1('foo')" @click="fn2('bar')"> </div>; ale jak to zrobić...
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ć...
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;
Chciałbym pokazać element div po najechaniu kursorem na element w vue.js. Ale nie wydaje mi się, żeby to działało. Wygląda na to, że w vue.js. nie ma zdarzenia dla najechania myszą lub najechania myszą. Czy to prawda? Czy byłoby możliwe połączenie metod jquery hover i vue?...
Mam projekt Vue 2, który ma wiele (50+) jednoplikowych komponentów . Używam Vue-Router do routingu i Vuex do stanu. Istnieje plik o nazwie helpers.js , który zawiera kilka funkcji ogólnego przeznaczenia, takich jak wielkie litery w pierwszej literze ciągu. Ten plik wygląda...
Muszę skierować się do określonego składnika na dwa sposoby - jeden z parametrem, drugi bez. Szukałem opcjonalnych parametrów i jakoś nie mogę znaleźć wielu informacji. Więc moja trasa: { path: '/offers/:member', component: Offers, name: 'offers', props: true, meta: { guest: false,...