javascript - Inline Js med Vue-Meta i Nuxt.js

Basert på det, bruker jeg Nuxt 2.9.2, og prøver å bruke innerHTML-metoden for å inline et Google Optimize-skript, men hver gang jeg kjører npm run generate, transformeres koden på visse måter selv om __dangerouslyDisableSanitizers hvitelister innerHTML..

Dette er mitt skript i Nuxt Config head-objektet

script: [ {

Les mer →

vue.js - NuxtJS statisk generert HTML-side laster ikke Javascript når /index.html kalles

Jeg jobber med et NuxtJS-prosjekt som vil bli generert for statisk bruk. Selvfølgelig bruker det Javascript for for eksempel navigasjon, noen skjemaer og mer.

Når jeg bruker siden med npm run dev fungerer alt fint.

Etter å ha eksportert med npm run build && npm run generate deployerer jeg det genererte innholdet fra /dist til serveren min (CDN forespurt av bruker, i så fall Google Cloud Storage). Jeg kan bruke siden uten problemer hvis jeg ikke legger til

Les mer →

javascript - Nuxt auth-bruker tilbakestilles etter oppdatering av nettleser

Jeg bygger en app med brukerinnlogging og registreringsinformasjon. Jeg bruker nuxt/auth-modulen for å håndtere autentiseringen. Hver gang brukeren logger inn, endres tilstanden til true uten problemer. Det eneste problemet jeg har, er når jeg kaller set user-metoden; brukerinformasjonen blir registrert vellykket, men hver gang

Les mer →

javascript - Nuxt.js: Hvordan overstyre scrollBehaviour for en enkelt ruteendring

Jeg har en Nuxt-side hvor jeg scroller til toppen ved hver ruterskift. Vi definerte dette i nuxt.config.js

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

Nå har jeg en enkelt navigasjonslenke som er litt spesiell: «Kontakt» fører

Les mer →

javascript - Legg til RTL-betingelse i head med Nuxt Js i18n

Jeg vil legge til en betingelse som følger

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

Jeg bruker arabisk sammen med engelsk i dette prosjektet. Hvis det nåværende språket er arabisk, legges bootstrap-rtl.css til i head, og hvis det nåværende språket er engelsk, kalles bootstrap.css. Jeg har prøvd mer enn én met

Les mer →

javascript - nuxt.js Vuex Vuejs Kan ikke lese egenskapen 'getters' av undefined

Jeg er ny på Vuejs og Nuxt.js. Jeg opprettet et Nuxt-prosjekt, og når jeg kjører prosjektet får jeg feilen:

Vennligst hjelp meg.

Takk.

Svar #1

Hei, ikke sikker på om du har klart å løse dette. Hvis ikke, må du bare starte utviklingsserveren

Les mer →

typescript - Egenskapen '$vuetify' finnes ikke på typen - når du bruker Nuxt.js med Vuetify

Jeg har denne feilen for en bestemt del av koden når jeg får tilgang til this.$vuetify i min Nuxt.js-app.

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 |

Les mer →

typescript - Les Markdown-innhold i Nuxtjs 3

Jeg bruker Nuxtjs 3, Typescript og Composition API for å utvikle mitt nye prosjekt. Jeg kan med suksess gjengi innholdet i markdownene i prosjektet, men i noen tilfeller trenger jeg å få tilgang til spesifikt innhold fra markdown-filene. Her er et eksempel på min markdown:

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

Nå tre

Les mer →

vue.js - Hvordan lage egne typer i Nuxt Typescript?

Når jeg bruker $_app i Nuxt, sier det at $_app ikke eksisterer på this. Jeg vil inkludere $_app som min egen type i Nuxt-type. Jeg prøvde dette:

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

Les mer →

javascript - bruk JS bind-operator (::) med Nuxt.js og typescript

Jeg bruker Nuxt.js med TypeScript-støtte. Jeg prøver å importere vuelayers-biblioteket med denne pluginen:

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

det gir meg denne feilen :

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

Les mer →