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

I princip använder jag Nuxt 2.9.2 och försöker använda innerHTML-metoden för att integrera ett Google Optimize-skript, men varje gång jag kör npm run generate omvandlas koden på vissa sätt trots att __dangerouslyDisableSanitizers vitlistar innerHTML.

Detta är mitt skript i Nuxt Config head-objektet

script: [ { inn

Läs mer →

vue.js - NuxtJS statiskt genererad HTML-sida laddar inte Javascript när /index.html anropas

Jag arbetar på ett nuxtjs-projekt som kommer att genereras för statisk användning. Naturligtvis använder det Javascript för till exempel navigering, några formulär och mer.

När jag använder sidan med npm run dev fungerar allt bra.

Efter att ha exporterat med npm run build && npm run generate distribuerar jag det genererade innehållet från /dist till min server (cdn begärd av användaren, i det fallet Google Cloud Storage). Jag kan använda sidan utan några

Läs mer →

javascript - Nuxt auth-användare återställs efter att webbläsaren uppdateras

Jag bygger en app med användarinloggning och registreringsinformation. Jag använder nuxt/auth-modulen för att hantera autentisering. När användaren loggar in ändras tillståndet till sant utan problem. Det enda problem jag har är när jag kallar på set-user-metoden, registreras användarinformationen framgångsrikt, men när jag upp

Läs mer →

javascript - Nuxt.js: Hur man åsidosätter scrollBehaviour för en enskild ruttändring

Jag har en Nuxt-sida där jag scrollar till toppen vid varje routningsändring. Vi definierade detta i nuxt.config.js

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

Nu har jag en enda navigeringslänk som är lite speciell: «Kontakt»

Läs mer →

javascript - Lägg till RTL-villkor i head med Nuxt Js i18n

Jag skulle vilja lägga till ett villkor enligt följande

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

Jag använder arabiska med engelska i detta projekt. Om det nuvarande språket är arabiska läggs bootstrap-rtl.css till i head, och om det nuvarande språket är engelska kallas bootstrap.css, jag har försökt med mer

Läs mer →

javascript - nuxt.js Vuex Vuejs Kan inte läsa egenskapen 'getters' av undefined

Jag är ny på Vuejs och Nuxt.js. Jag skapade ett Nuxt-projekt och när jag kör projektet får jag felet:

Snälla hjälp mig.

Tack.

Svar #1

Hej, jag är inte säker på om du har lyckats lösa detta. Om inte, behöver du bara starta om din utvecklings

Läs mer →

typescript - Egenskapen '$vuetify' finns inte på typen - när du använder Nuxt.js med Vuetify

Jag har detta fel för en viss del av koden när jag försöker komma åt 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 |

Läs mer →

typescript - Läs Markdown-innehåll i Nuxtjs 3

Jag använder Nuxtjs 3, Typescript och Composition API för att utveckla mitt nya projekt. Jag kan framgångsrikt rendera innehållet i markdown-filerna i projektet, men i vissa fall behöver jag åtkomst till specifikt innehåll i markdown-filerna. Här är ett exempel 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

Läs mer →

vue.js - Hur man skapar egna typer i Nuxt Typescript?

När jag använder $_app i Nuxt säger den att $_app inte finns på this. Jag vill inkludera $_app som min egen typ i Nuxt-typen. Jag försökte detta:

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

Läs mer →

javascript - använd JS bind-operatorn (::) med Nuxt.js och typescript

Jag använder Nuxt.js med TypeScript-stöd. Jag försöker importera vuelayers-biblioteket med detta plugin:

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

det ger mig detta fel:

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 |

Läs mer →