NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: js vue - jak prepsat app.data pred tim, nez se generuji komponenty

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:21.5.2021 15:05

Potreboval bych nejaky jednoduchy VUE kod, ktery vypisuje seznam app.data.items v komponente, cerpa to z app, a v app by melo byt neco, co ty data zkonvertuje v json formatu. vsechny casti v podstate mam, u slozitejsiho programu, ale komponenty se mi vykresli z data, ktere je prazdne.

Zkusil jsem: Zatim mam par navrhu, ktere ale nefunguji. Ale je mozne, ze mam chybu jinde.

1. zapsat data jako funkce

data: function () {
var data = {}
data.x = 123;
return data;
}

2. nekde jsem vygoogloval neco s mounted, ale jako lajk, vubec nevim, o co go. Navic, oni to tam meli propojene se setTimeout, fetch - asi http request, then, deferer. No, z toho jsem byl uplne zmateny. Ale nepopiram, ze tohle mozna na konec budu muset pouzit, pokud budu data tahat jsonem z externiho souboru
3. potom tam je created (kdyz dam concole.log + json.stringify, tak mi ukazuje, ze data jsou spravna, spravne polem ale proste komponenty se nevykresluji, text)
....

Ale, jak rikam, muzu mit chybu v tech komponentach. Ze, ikdyz, dostanou spravne pole, vykresli nesmysly. Kvuli te uprave jsem to musel cele predelavat.
Spis mi jde o to, potvrdit si na nejakem prikladu, ze to delam spravne, ale zatim se mi zadny nepovedlo najit.

https://jsfiddle.net/mrvymzgh/
Tady je treba nejaky priklad, ktery jim i funguje. Ale neumim to prepsat do souboru a propojit je. Dam ta vue.min + app.js + app.html, linky na scripty a konzola hlasi neexistuje $ u radku $.Deferred(); A tim to cele hasne, protoze nevim proc :) Nejspis k tomu potrebuji jquery, ale ja do sveho programu nechci tlacit jquery.

Chci docílit: .

 
Odpovědět
21.5.2021 15:05
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:22.5.2021 13:34

No, jasne, uvazuji spatne, protoze... created = afterCreate, takze, to uz je pozde :) To je tim, ze anglictinu nepouzivam a googloval jsem altefrativu pro php construct a google mi dal toto.

Ale, po opravach generatoru form pole, kde jsem kompletne spatne udelal strukturu, ktera form pak generuje, tak mi to asi funguje takto:

// data: {form: {}} jsem prepsal na funkci

data: function() {
    var data;
    data.neco = 'neco';
    data.form = this.generuj(data.neco);
    return data;
}

https://mlich.zam.slu.cz/…21-05-22-v3/
A ted se to generuje podle json CharacterSheetBlank (https://mlich.zam.slu.cz/…/app-data.js)

 
Nahoru Odpovědět
22.5.2021 13:34
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.