javascript - Js Inline com Vue-Meta no Nuxt.js
Basicamente, estou a usar Nuxt 2.9.2 e a tentar usar o método innerHTML para inline um script do Google Optimize, mas sempre que corro npm run generate, o código transforma certos aspectos mesmo que __dangerouslyDisableSanitizers esteja a permitir o innerHTML..
Este é o meu Script no objeto head da configuração do Nuxt
scri Ler mais →vue.js - Página HTML estática gerada pelo NuxtJS não carrega Javascript ao chamar /index.html
Estou a trabalhar num projeto NuxtJS que será gerado para uso estático. Claro que utiliza Javascript, por exemplo, na navegação, em alguns formulários e mais.
Quando estou a usar a página com npm run dev tudo funciona bem.
Após exportar com npm run build && npm run generate, eu implemento o conteúdo gerado a partir de /dist no meu servidor (CDN requisitada pelo utilizador, nesse caso Google Cloud Storage). Posso usar a página sem quaisquer problemas se nã
Ler mais →javascript - redefinir o utilizador de autenticação do Nuxt após atualizar o navegador
Estou a criar uma aplicação com login de utilizador e registo de informações. Uso o módulo nuxt/auth para tratar da autenticação. Sempre que o utilizador inicia sessão, o estado muda para verdadeiro sem qualquer problema. O único problema que estou a ter é que quando chamo o método set user, as informações do utilizador são reg
Ler mais →javascript - Nuxt.js: Como substituir o scrollBehaviour para uma única mudança de rota
Tenho uma página Nuxt onde faço scroll até ao topo em cada mudança de router. Definimos isto no nuxt.config.js
scrollBehavior (to, from, savedPosition) { return ({ x: 0, y: 0 }) }Agora tenho um único link de Navegação que é um pouco especial: «Contac
Ler mais →javascript - Adicionar condição RTL no head com Nuxt Js i18n
Gostaria de adicionar uma condição da seguinte forma
if(app.i18n.locale == 'ar')Eu uso Árabe com Inglês neste projeto. Se a língua atual for Árabe, bootstrap-rtl.css é adicionado no head, e se a língua atual for en é chamado bootstrap.css. Tentei mais de um método e não consegui.
Ler mais →javascript - nuxt.js Vuex Vuejs Não é possível ler a propriedade 'getters' de indefinido
Sou novo em Vuejs e Nuxt.js. Criei um projeto Nuxt e, ao executar o projeto, obtenho o erro:
Por favor, ajuda-me.
Obrigado.
Resposta #1
Olá, não tenho certeza se conseguiu resolver isto. Se não, só precisa de reiniciar o seu servidor de des
Ler mais →typescript - A propriedade '$vuetify' não existe no tipo - ao usar Nuxt.js com Vuetify
Tenho este erro numa parte específica do código ao aceder a this.$vuetify na minha aplicação 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 | Ler mais →typescript - Ler Conteúdo Markdown no Nuxtjs 3
Estou a usar Nuxtjs 3, TypeScript e Composition API para desenvolver o meu novo projeto. Consigo renderizar com sucesso o conteúdo dos markdowns no projeto, mas em alguns casos preciso de aceder a algum conteúdo específico dos ficheiros markdown. Aqui está um exemplo do meu markdown:
--- header.id: introducing header.title: my title header.next: nextFileName header.prev: previousFileName --- ### service One some content here <br> ### service two some content Ler mais →vue.js - Como criar tipos próprios em Nuxt Typescript?
Quando uso $_app no Nuxt, diz que $_app não existe em this. Quero incluir $_app como o meu próprio tipo no tipo Nuxt. Eu tentei isto:
import Vue from "vue" interface AppMixin { user: any } declare module "vue/types/vue" { interface Vue { Ler mais →javascript - usar o operador bind do JS (::) com Nuxt.js e typescript
Estou a usar Nuxt.js com suporte a TypeScript. Estou a tentar importar a biblioteca vuelayers com este plugin:
import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map)isso dá-me este erro :
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 Ler mais →