Komponent to potężna funkcja Vue, która umożliwia rozszerzenie podstawowych elementów HTML w celu hermetyzacji kodu wielokrotnego użytku.
Staram się zrozumieć, jak prawidłowo obserwować niektóre odmiany rekwizytów. Mam komponent nadrzędny (pliki .vue), który odbiera dane z wywołania ajax, umieszczam dane w obiekcie i używam go do renderowania komponentu podrzędnego za pomocą dyrektywy v-for, poniżej uproszczenia mojej...
w VueJs 2.0 nie mogę znaleźć żadnych haków, które mogłyby nasłuchiwać propszmian. Czy VueJ ma takie haki? onPropsUpdated() lub podobne? Aktualizacja Jak sugerował @wostex, próbowałem watchmojej własności, ale nic się nie zmieniło. Potem zdałem sobie sprawę, że mam specjalny...
Próbuję użyć dyrektywy on click wewnątrz komponentu, ale wydaje się, że nie działa. Kiedy klikam komponent, nic się nie dzieje, kiedy powinienem otrzymać „kliknięcie testu” w konsoli. Nie widzę żadnych błędów w konsoli, więc nie wiem, co robię źle. index.html <!DOCTYPE html> <html>...
Zaczynam bawić się vuejsami (2.0). Zbudowałem prostą stronę z jednym komponentem. Strona ma jedną instancję Vue z danymi. Na tej stronie zarejestrowałem się i dodałem komponent do html. Komponent ma jeden input[type=text]. Chcę, aby ta wartość odzwierciedlała rodzica (główna instancja Vue). Jak...
Muszę użyć dwóch zewnętrznych skryptów dla bramek płatniczych. W tej chwili oba są umieszczone w index.htmlpliku. Jednak nie chcę ładować tych plików na samym początku. Bramka płatności jest potrzebna tylko wtedy, gdy użytkownik otworzy określony komponent ( using router-view). Czy w ogóle można...
1. Jak mogę ustawić domyślną wartość właściwości komponentu w Vue 2? Na przykład istnieje prosty movieskomponent, 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...
Właśnie zainstalowałem Vue i postępowałem zgodnie z kilkoma samouczkami, aby stworzyć projekt przy użyciu szablonu vue-cli webpack. Kiedy tworzy komponent, zauważam, że wiąże nasze dane wewnątrz następujących elementów: export default { name: 'app', data: [] } Podczas gdy w innych samouczkach...
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...
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;
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"
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>...