Mám nějaké potíže s vue-routerem. Moje trasy jsou nastaveny takto: const routes = [ { path: /, component: a }, { path: /a, component: a }, { path: /b, component: b }, { path: /c, component: c } ] Jak vidíte, chci načíst komponentu a když se stránka načte. Ale nechci, aby se adresa
Snažím se vytvořit opakovaně použitelné komponenty pro gridstack . Nemohu najít jednoduchý způsob, jak udělat něco podobného jako this.$compile metoda z vue 1 .Viděl jsem tento příklad. Zde je můj skript vue: export default { components: { horizontal-fab: HorizontalFab, d-widget: DWidget
Už jsem viděl odpovědi na tuto otázku , ale není to řešení, které potřebuji, protože je pro jQuery a potřebuji něco pro vue.js . Doposud jsem byl schopen detekovat stisknutí jednoho znaku pomocí ff. kód: export default { name: game, data () { return { allowInput: false, disabledKey
Zdá se, že Vue.js 2.0 nevysílá události od vnuka do jeho prarodičovské komponenty. Vue.component(parent, { template: <div>I am the parent - {{ action }} <child @eventtriggered=performAction></child></div>, data(){ return { action: No action } }, methods:
Snažím se pochopit, jak správně sledovat nějakou variantu prop. Mám nadřazenou komponentu (soubory .vue), která přijímá data z volání ajax, vkládá data do objektu a používá je k vykreslení nějaké podřízené komponenty prostřednictvím v -pro směrnici, níže zjednodušení mé implementace: <template>
Mám seznam Vue, který je založen na poli a každá položka pole vykresluje komponentu, kde vážu vlastnosti položky pole. <div v-for=item in items> <item v-bind:item=item></item> </div> Tato komponenta má smíšená data na základě vázaných vlastností Vue.component(item
Snažím se použít přechod, ať už se komponenta musí zobrazit nebo ne. Zajímalo by mě, proč tento jednoduchý příklad nefunguje:http://jsfiddle.net/bf830qoq/ Javascript Vue.component(loading, { template: #loading-template, }); new Vue({ el: #app, data: { showLoging: false } }); HTML <s
Existuje nějaký způsob, jak přidat podmíněnou logiku do šablony řetězce ve Vue.js? To je to, co jsem zkoušel, ale kompilace se nezdařila. <div v-for=foo in foos> {{#if foo.bar === 1}} {{foo.name}} {{/if}} </div> Odpověď Musíte použít v-if směrnice. v-if je „skutečné“ p
Právě jste dokončili výukový program todolisty. Při odesílání formuláře se vstupní pole nevymaže. Po vyzkoušení obou: document.getElementById(todo-field).reset(); document.getElementById(#todo-field).value = ; Vstupní pole se správně vymaže, ale také smaže úkol. Zdá se, že smaže vstupn
Mám sadu výběrů (item.pricelists, které jsou přiřazeny k položce) vykreslenou ve smyčce v-for a spojenou s v-modelem. Možné možnosti výběru pro tuto položku jsou vykresleny pomocí jiného v-for z item.valid_pricelists. Oba jsou staženy ze serveru ve stejném poli. Nyní musím sledovat, kdy uživatel změ
Takže chci předat rekvizity komponentě Vue, ale očekávám, že se tyto rekvizity v budoucnu změní zevnitř této komponenty, např. když aktualizuji komponentu Vue zevnitř pomocí AJAX. Jsou tedy pouze pro inicializaci komponenty. Můj cars-list Prvek komponenty Vue, kde předám rekvizity s počátečními vla
Tuto ukázkovou aplikaci Vue.js Routing již používám. https://github.com/chrisvfritz/vue-2.0-simple-routing-example V src/main.js Mám tolik datové hodnoty. const app = new Vue({ el: #app, data: { currentRoute: window.location.pathname, token : , errorMessage : , etc...etc.. }, N
Přečetl jsem seznam položek přes AJAX a vložil jej do datového pole: loadSparepartFiles: function() { var vm = this; vm.activeSparepart.attachments = []; ajaxApi.loadJson(spareparts/sparepart/getFiles/+vm.activeSparepartId, function(data) { for (var i = 0; i < data.files.lengt
Používám vuejs a chci vědět, jak mít kontrolu nad vstupy (v případě potřeby přidat vypnutý atribut). Existuje nějaký způsob, jak přidat dynamicky atribut do vuejs? Pod mojí komponentou Textfield : <template> <input type=text placeholder={{ placeholder }} v-model=value> </
Přehled Ve Vue.js 2.x, model.sync bude ukončena. Jaký je tedy správný způsob komunikace mezi sourozeneckými komponentami ve Vue.js 2.x? Pozadí Pokud rozumím Vue.js 2.x, preferovanou metodou pro komunikaci mezi sourozenci je použití obchodu nebo sběrnice událostí . Podle Evana (tvůrce Vue.js): Z
Dívám se na Vue.js jako na alternativu k Angularu a zatím se mi moc líbí. Abych to pochopil, refaktoruji existující projekt Angular na projekt Vue. Právě jsem v bodě, kdy potřebuji komunikovat se svým REST API. V Angular jsem pro to definoval službu, která byla vložena do každého ovladače, který t
Mám vstup: <input type=text id=name class=form-control name=name v-model=form.name :disabled=validated ? : disabled /> a v komponentě Vue.js mám: .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validated je boolean
Zní to hloupě, ale nemohu najít způsob, jak předat proměnná data definovaná v href: ComponentFile.vue Zkoušel jsem všechny tyto možnosti: <a href= url >{{ url }}</a> <a href= {{ url }}>{{ url }}</a> <a href= {{ url }}>{{ url }}</a> <a v-bind:href=url>{{ url
Jak najdu komponentu vue.js odpovídající prvku DOM? Pokud mám element = document.getElementById(id); Existuje metoda vue ekvivalentní jQuery $(element) Odpověď Správný způsob, jak to udělat, je použít v-el směrnici, aby na něj byl odkaz. Pak můžete udělat this.$$[reference] . Aktualizace pro vu
Hodně si hraji s JavaScript SDK. A většina mých projektů využívá Contentful SDK a Contentful obsahovou infrastrukturu k vtahování obsahu od editorů a netechnických lidí do mých aplikací. Je jedno, jestli se zabývám upravovaným obsahem nebo statistikami GitHubu, téměř každý dataset je pro mě dostupn