javascript - Inline JS s Vue-Meta v Nuxt.js

V podstate používam Nuxt 2.9.2 a snažím sa použiť metódu innerHTML na vloženie skriptu Google Optimize, ale vždy, keď spustím npm run generate, kód mení určité aspekty, aj keď __dangerouslyDisableSanitizers povoľuje innerHTML..

Toto je môj skript v objekte head konfigurácie Nuxt

script: [ { innerHTML: `(function(a

Čítaj viac →

vue.js - NuxtJS staticky generovaná HTML stránka nenačíta Javascript pri volaní /index.html

Pracujem na projekte nuxtjs, ktorý bude generovaný na statické použitie. Samozrejme používa Javascript napr. na navigáciu, niektoré formuláre a ďalšie.

Keď používam stránku s npm run dev, všetko funguje správne.

Po exportovaní pomocou npm run build && npm run generate nasadím vygenerovaný obsah z /dist na svoj server (cdn požadovaný používateľom, v tomto prípade Google Cloud Storage). Môžem používať stránku bez problémov, ak nepridám príponu index.htm

Čítaj viac →

javascript - Nuxt auth používateľ sa resetuje po obnovení prehliadača

Staviam aplikáciu s prihlasovaním a registráciou používateľov. Používam modul nuxt/auth na spracovanie autentifikácie. Kedykoľvek sa používateľ prihlási, stav sa bez problémov zmení na true. Jediný problém, ktorý mám, je, že keď zavolám metódu set user, informácie o používateľovi sa úspešne zaregistrujú, ale kedykoľvek obnovím

Čítaj viac →

javascript - Nuxt.js: Ako prepísať scrollBehaviour pre jednu zmenu trasy

Mám nuxt-stránku, kde sa pri každej zmene routera posúvam na začiatok. Toto sme definovali v súbore nuxt.config.js

scrollBehavior (to, from, savedPosition) { return ({ x: 0, y: 0 }) }

Teraz mám jeden jediný navigačný odkaz, ktorý je trochu špeciálny:

Čítaj viac →

javascript - Pridať podmienku RTL do hlavičky s Nuxt Js i18n

Chcel by som pridať podmienku nasledovne

if(app.i18n.locale == 'ar')

V tomto projekte používam arabčinu spolu s angličtinou. Ak je aktuálnym jazykom arabčina, do hlavičky sa pridá bootstrap-rtl.css, a ak je aktuálnym jazykom angličtina, zavolá sa bootstrap.css. Skúšal som viac ako jednu metódu a

Čítaj viac →

javascript - nuxt.js Vuex Vuejs Nie je možné čítať vlastnosť 'getters' z nedefinovaného

Som nový vo Vuejs a Nuxt.js. Vytvoril som projekt Nuxt a pri spustení projektu sa objavila chyba:

Prosím, pomôž mi.

Ďakujem.

Odpoveď č. 1

Ahoj, nie som si istý, či sa ti to podarilo vyriešiť. Ak nie, stačí reštartovať svoj dev server, aby V

Čítaj viac →

typescript - Vlastnosť '$vuetify' neexistuje v type - pri používaní Nuxt.js s Vuetify

Mám túto chybu pri konkrétnej časti kódu pri prístupe k this.$vuetify v mojej aplikácii Nuxt.js.

ERROR ERROR in components/equipment/QuickInfoCard.vue:21:20 19:51:29 TS2339: Property '$vuetify' does not exist on type '{ width(): string; height(): "100%" | "9em"; }'. 19 | }, 20 | height() { > 21 | switc

Čítaj viac →

typescript - Čítanie obsahu Markdown v Nuxtjs 3

Používam Nuxtjs 3, TypeScript a Composition API na vývoj môjho nového projektu. Dokážem úspešne vykresliť obsah markdownov v projekte, ale v niektorých prípadoch potrebujem pristupovať k určitému konkrétnemu obsahu markdown súborov. Tu je príklad môjho markdownu:

--- header.id: introducing header.title: my title header.next: nextFileName header.prev: previousFileName --- ### service One some content here <br> ### service two some content

Teraz potrebujem

Čítaj viac →

vue.js - Ako vytvoriť vlastné typy v Nuxt Typescript?

Keď používam $_app v Nuxt, hovorí, že $_app neexistuje na this. Chcem zahrnúť $_app ako môj vlastný typ v Nuxt type. Skúšal som toto:

import Vue from "vue" interface AppMixin { user: any } declare module "vue/types/vue" { interface Vue {

Čítaj viac →

javascript - použitie JS bind operátora (::) s Nuxt.js a TypeScript

Používam Nuxt.js s podporou TypeScriptu. Pokúšam sa importovať knižnicu vuelayers s týmto pluginom:

import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map)

dáva mi túto chybu :

ERROR in ./node_modules/vuelayers/src/component/map/view.vue?vue&type=script&lang=js& Syntax Error: Unexpected token, expected ";" (253:8) 251 | */ 252 | subscribeAll () { > 253 | this::

Čítaj viac →