javascript - Ako môžem pristupovať k metóde rodiča z detskej komponenty vo Vue.js?
Snažím sa volať metódu na úrovni rodiča/root z komponentu dieťaťa vo Vue.js, ale stále dostávam správu, ktorá hovorí TypeError: this.addStatusClass nie je funkcia.
Vue.component('spmodal', { props: ['addStatusClass'], created: function() { this Čítaj viac →javascript - Ako definovať znovupoužiteľnú funkciu v namespace komponentu vo Vue
tu je môj kód:
Vue.component("ro-webview", { props: ["src"], template: `<div> <div> <div class="col-md-2 list-inline"> ${this.getIcon("fa-arrow-left")} ${this.getIcon("fa-arrow-right")} ${this.getIcon("fa-refresh")} </div> <input class="col-md-10" Čítaj viac →javascript - import Vue from 'vue' importuje "rôzne" Vue do rôznych súborov
Táto otázka je pravdepodobne viac o Webpack a ES6 import ako o Vue.
Píšem Vuex mutáciu, ktorá pridáva nový mykey: [] do objektu v state. Toto musí použiť Vue.set(state.myobj, 'mykey', []), aby nové pole získalo reaktivitu.
Avšak, keď do môjho súboru mutations.js importujem Vue z 'vue' a použijem Vue.set(...), problém sa nevyrieši (len sa nič nestane). Zdá sa, že problém je v tom, že
Čítaj viac →javascript - Problém so správami o ladení vo Vue.js
Vytvoril som webovú aplikáciu pomocou Vue.js v2.5.1 pre front-end. Aplikácia väčšinou funguje dobre, ale keď nastane problém, chybové hlásenia, ktoré sa zobrazia, odkazujú len na kód vue.js samotného, namiesto častí môjho kódu (predpokladám niečo v mojich šablónach), ktoré sú nepochybne skutočným zdrojom problému.
Tu je príklad:
Čítaj viac →javascript - Vue.js rovnaký formulár pre pridanie a úpravu
Som nováčik vo vue.js a snažím sa rozšíriť niektoré dokončené tutoriály. Bojujem s tým už tri hodiny a som frustrovaný. Pre informáciu, používam firebase, ale nie som si istý, či to tu naozaj záleží.
Takže, mám CRUD aplikáciu na zoznam filmov (povedal som vám, že je to základné!). Na vrchu stránky je formulár, kde môžete pridávať filmy, a
Čítaj viac →javascript - Zobrazovanie JSON objektu v tabuľke pomocou VueJS
Snažím sa zobraziť pomocou VueJS JSON objekt získaný z mojej Laravel aplikácie, ktorá spravuje moje serverové operácie. Akákoľvek pomoc by bola ocenená.
Tu sú surové JSON dáta z mojej Laravel aplikácie:
[{ "1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6, "7": 7, "8": 8, "9": 9, "10": 10, "11": 11, "12": 12 }, { "1": 70000, "2": 66524.45, "3": 62736.11, "4": 58606.81, "5": 54105.88, "6": 49199.86, Čítaj viac →javascript - Ako funguje <transition-group> s Vue.components?
Predpokladajme, že chcem použiť komponenty na vytvorenie zoznamu, ktorý by zmizol, ak naň kliknem, a použiť transition-group na animovanie časti.
Nasledujúci kód môže podávať dobrý výkon:
HTML :
<transition-group name="testanim"> <p key="1" v-if='open1' @click='o Čítaj viac →javascript - Pole dotazov vo Vue.js Router
Snažím sa odoslať pole z dotazu na backend pomocou Vue.js a routera.
Takže mám túto metódu:
submitForm () { this.$router.push({ name: 'AuctionResult', query: { models: this.selectedModels.map(e => e.value) } }) },Ako výsledok bude dotaz vyzerať takto: ?models=MODEL1&models=MODEL2...
Čítaj viac →javascript - Určiť hodnotu objektu s vuex v-model
Koordinujem vstupné prvky s kľúčmi objektu v stave Vuex. Povedzme, že mám tento objekt:
myObj: { foo: 1, bar: 2 }A počítaná vlastnosť v komponente:
myObjVals: { get(){ return this.$store.state.myObj }, set(//?) { //? }, },V šablóne môžem získať hodnoty z obchodu
Čítaj viac →javascript - Vue.js prechod pri zmene vybraného prvku zo zoznamu
Mám zoznam profilov, ktoré otvárajú obrazovku „upraviť profil“. Táto obrazovka sa vysunula zľava. Keď vyberiem profil, ak je už nejaká obrazovka vybraná, chcem, aby sa najprv vysunula, zmenili sa údaje vybraného profilu a potom sa znova vysunula.
Čo sa teraz stane je: keď najprv vyberiem jeden prvok, obrazovka sa zobrazí posunutím. Keď zmením vybraný prvok, obrazovka zostane a nezosúva sa von a späť.
Tu je gif, ktorý ukazuje, ako sa to teraz chová:
Čítaj viac →