Todas as perguntas
Com as tags javascript vue.js
360 perguntas
-2
votos
1
resposta
34
visitas
Por que o {{ message }} não é renderizado corretamente no Vue 3? [fechada]
Estou criando um projeto básico com Vue 3 e estou tentando renderizar uma mensagem dinâmica usando o recurso de interpolação {{ message }}. O problema é que, em vez de exibir o valor da variável ...
-2
votos
1
resposta
70
visitas
Validação de campo de input para nao ultrapassar valor incialmente recebido
Estou usando vue e vuetfy e preciso validar um campo do input para que o valor digitado nele não ultrapasse o valor que ele está inicialmente recebendo do banco de dados.
Como posso fazer isso? Alem ...
-4
votos
1
resposta
75
visitas
Rótulos sempre visíveis em Vue Chart JS
Estou montando um gráfico numa aplicação JavaScript com Vue.js e preciso que os rótulos, informações do gráfico, fiquem sempre visíveis sem precisar do mousehover.
Imagem de um gráfico
O código do meu ...
-2
votos
1
resposta
76
visitas
Mostrar texto em vermelho ou verde
tenho uma tabela que possui valores ativos e inativos. quando ativo, queria que ele ficasse verde, e quando estiver inativo, fique vermelho.
<span>{{ data.active ? 'Ativo' : 'Inativo' }}</...
-3
votos
1
resposta
68
visitas
chamar função para aparecer pop up na tela
Preciso fazer que uma função responsável por aparecer um pop up na tela dizendo que o usuário não preencheu todos os campos do formulário e se ele sair da página, não salvará seus dados. A função já ...
-2
votos
1
resposta
99
visitas
Como faço para percorrer um array e encontrar ids iguais?
Estou criando um jogo da memória, e quando clicado nas cartas, preciso que ele compare as duas e me retorne se são iguais ou não. Parece bobo, mas não sei como fazer isso. Sei que o código também não ...
0
votos
1
resposta
239
visitas
Barra de pesquisa VueJs
como eu poso fazer uma barra de pesquisa que caso não encontre o valor no banco, retorne uma mensagem dizendo que não foi encontrado no banco ? Eu não sei imprimir essa mensagem.
0
votos
1
resposta
73
visitas
Usar o retorno da função em um v-model
Estou tentando a dias isso, preciso pegar o retorno de uma funçao e colocar ela em um v-model
calcBudget(a, b, result) {
b.toLocaleString('pt-br', { minimumFractionDigits: 2 });
...
-1
votos
1
resposta
448
visitas
v-model em componentes dinâmicos no vue-js
Tenho componentes que são adicionados na página principal através de um botão, ou seja, o cliente decide quantos componentes ele quer visualizar. Esses componentes são campos de inputs que serão ...
0
votos
2
respostas
112
visitas
Botão que adicione componentes no template do vue
Oi,
Existe alguma lógica para adicionar vários componentes dentro do template do Vue de acordo com o número de vezes que eu clique no botão?
Por exemplo, no código tenho botão e vários componentes, ...
-1
votos
1
resposta
118
visitas
Definir valor default em uma prop do tipo Object - Vue
Bom dia pessoal. Eu tenho um objeto chamado produto que é recebido por prop. Ele tem 41 (exatas) propriedades.
Eu preciso declarar ele com um valor default vazio pra não correr o risco de receber um '...
2
votos
2
respostas
213
visitas
Como inverter os índices de um v-for com Vue.js?
Tenho um array que nomeei como "nomes", que inicialmente está vazio
nomes: []
Estou incluindo elementos nesse array com a função unshift(), para incluir elementos sempre no início do array ...
-1
votos
2
respostas
1mil
visitas
Como usar uma função de um arquivo Vue em outro arquivo Vue
Eu estou fazendo um jogo usando o Vue.js que eu comecei a aprender 2 dias atrás e eu cheguei em um problema que pode comprometer todo o meu jogo.
Basicamente o que eu quero fazer é criar um arquivo ...
-2
votos
1
resposta
159
visitas
Usando metodo via mapAction dentro do setup em Vue3
Estou utilizando o vue3 em um projeto para estudos e sigo com uma dúvida na utilização do método "setup", pelo que entendi ele é o metodo "global" do meu component, substituindo os ...
0
votos
1
resposta
156
visitas
Como quebrar a linha após um determinado caracter javascript / vue.js
Possuo um código ao qual me retorna o valor de meu produto:
<div
v-if="product.fields.name"
class="schott-product-card__name"
:title="product.fields.name.value"
&...
-2
votos
1
resposta
514
visitas
Iteração em array Vue JS
Estou desenvolvendo uma pagina web em VueJs com vuetify que busca os dados de uma api e exibe numa tabela "v-data-table", cheguei numa parte que preciso exibir mais de uma informações de um ...
-1
votos
2
respostas
1mil
visitas
Como chamar dentro de um map uma função que retorna uma Promise?
Estou consumindo uma API e me deparei com esse problema. Estou usando um map para criar um novo campo em um array de objetos e inserir o dado com base em uma consulta no banco. Já de buguei e ...
-1
votos
1
resposta
377
visitas
Carregar imagens do storage do laravel com vue
Estou tentando carregar uma imagem que esta em storage storage\app\public\imagens do meu projeto laravel com um componente vue que estou usando como monolito dentro do código mas não esta carregando
&...
0
votos
1
resposta
104
visitas
Definir a col do bootstrap-vue conforme a resolução
em um código Vue tenho a seguinte b-col
<b-col class="card-image-top col-xs-12 col-sm-6 col-lg-4 col-xl-3">
O último item deve ser col-xl-3 caso a resolução seja menor que 1400px e ...
0
votos
1
resposta
516
visitas
Como colocar tipagem no retorno do Object.keys sendo os tipos as keys do Objeto ou da interface?
Tenho o seguinte
Interface
interface UserState {
id: string;
isDeleted: boolean;
deletedAt: null | string;
name: string;
email: string;
picture: string;
}
Objeto
const state: UserState = ...
0
votos
1
resposta
391
visitas
Alternar classe no VueJS
Tenho 3 div com a classe ('option') e tenho uma classe como o nome de ('selected'). Gostaria de retirar a classe da div que já estiver com o ('selected') e mudar para a outra com o click.
tentei assim,...
0
votos
2
respostas
1mil
visitas
Qual a diferença do setup e data no vue?
Recentemente me deparei com uma propriedade nova setup e não estou entendendo muito bem a diferença dela para o tradicional data :
setup () {
}
:
data () {
return {
}
}
0
votos
1
resposta
169
visitas
Passar componente de ícone por Data para o componente pai
Olá,
Eu tenho um data com ícones importados utilizando a lib do svg-loader para renderizar os SVGs na página. Mas eles chegam como { "functional": true } e não aparecem no HTML final.
Eis um ...
0
votos
1
resposta
226
visitas
Validar um campo date em javascript para enviar para api no servidor [fechada]
Galera, bom dia.
Estou com um erro muito chato, estou tentando fazer um put de um formulário em vue.js, porém, quando envio as informações para o servidor que e em java, está quebrando uma exceção de ...
-1
votos
1
resposta
162
visitas
Erro vuejs 'this.$delete is not a function'
Eu já tenho uma teoria do que pode ser esse erro, tenho feito um curso em Vue2 mas estou com o Vue3 num dado momento o curso passa duas funções de finalizar a tarefa e de apagar a mesma:
Adcionar:
...
1
voto
2
respostas
992
visitas
Como recarregar data depois de uma ação VueJS
Minha lista permanece a mesma depois de excluir um item, só atualiza quando aperto F5 na tela. Já tentei utilizar componentKey, mas só funciona quando dou 2 cliques.
Segue código atual do componente:
&...
-1
votos
2
respostas
354
visitas
Renderizar diferentes componentes Vue.JS dentro de uma diretiva v-for
Gostaria de saber como eu poderia usar um v-for para renderizar diferentes componentes vue.
Estou usando inertia (digo isso porque não sei se a Inertia possui alguma função que possa ajudar).
Sendo ...
1
voto
0
respostas
57
visitas
Eventos em Elementos Renderizados pela Diretiva v-html no Vue.js [fechada]
Como faço para usar um evento em um elemento renderizado pela diretiva v-html? Pelos eventos vue (@evento) não funciona.. Tentei chamar uma função pelo onclick, mas ela não é encontrada.
<button ...
0
votos
1
resposta
167
visitas
Como somar um campo de objetos retornados do firebase ( vuejs + firebase )
Ola , estou tentando desenvolver uma plataforma ERP com vuejs utilizando o firebase como solução de armazenamento , estou tentando somar todos os campos 'valor' dos documentos da coleção 'despesa' que ...
0
votos
1
resposta
581
visitas
paginação no vue js
Estou observando o parâmetro da url para fazer uma paginação no vue.js3
No meu onMounted eu pego o parâmetro e busco a pagina referente do parâmetro no beck end (se for 1 vou buscar a primeira pagina ...
0
votos
0
respostas
243
visitas
Como faço para retornar o valor dentro de um .then em Vue JS? [duplicada]
Sou novato em Vue e Firebase, tenho o seguinte problema: Quero retornar o valor gerado dentro do then, no console.log que está dentro do then retorna o id que foi gerado, porém, quando eu referencio o ...
-1
votos
2
respostas
1mil
visitas
Fechar menu ao clicar fora do item no vue.js 3
Tenho um componente que tem um menu que abre e fecha quando clica nele, funciona bem, mas eu quero que ele feche quando eu clico fora dele, n sei como fazer isso dentro do vue, do jeito certo,
Eu ...
0
votos
0
respostas
672
visitas
Como resolver erro de cors no node
Fiz meu backend com node/express normalmente e testei todas as rotas no insomnia e tudo ocorreu normalmente, no front(vuejs) fiz requisições via axios, todas as rotas tambem funcionaram, exceto a rota ...
0
votos
1
resposta
270
visitas
Filtro de pesquisa com JS
Estou fazendo um filtro de pesquisa com Vue.js e em meu filtro eu gostaria de pesquisar nome e email, mas apenas consegui fazer com o nome do usuario, como colocar mais um "argumento".
O ...
1
voto
1
resposta
624
visitas
Atributo v-on:click n funciona quando setado no vuejs 3
Estou recebendo um json com uma coleção de objs, a quantidade é dinâmica, estou criando o elemento div e adicionado um id dinâmico para ele, minha ideia era fazer
div.setAttribute("onclick", ...
2
votos
1
resposta
323
visitas
VueJS: Como leio um atributo src que já está dentro de uma diretiva v-html? [fechada]
O conteúdo contido na string videosOnScreen é transformado em HTML pela diretiva v-html, mas não consegue encontrar o caminho do atributo src.
Existe alguma forma em que este atributo possa ser lido?
&...
2
votos
1
resposta
1mil
visitas
Mudar cor de fundo quando digitar uma cor através do v-bind
Eu estou assistindo uma video aula de VueJS e não entendi a ligação do CSS com a classe e o como o fundo fica azul ou roxo de acordo com o que é digitado.
Exemplo:
new Vue({
el: '#app',
data: {...
0
votos
1
resposta
375
visitas
Vuetify v-select não funciona
Estou testando o mesmo código de exemplo do site oficial porém por algum motivo não quer mostrar as options de jeito nenhum
A view tá assim
<template>
<div class="about">...
1
voto
1
resposta
621
visitas
Passar retorno de uma request Axios para componente usando props no VueJS
Estou utilizando dados vindos de um request via Axios para popular um componente form, passo esses valores via prop para alguns componentes dentro deste form.
O problema é que alguns componentes que ...
1
voto
0
respostas
139
visitas
Problema com autoUpdate do Electron
Ola estou tentando fazer um sistema de atualizações automaticas usando o autoupdater do electron com Vue JS, a um tempo atrás eu fiz esse programa da mesma forma e dava certo, hoje em dia não funciona ...
-1
votos
1
resposta
304
visitas
Filtro de Range Mínimo e Máximo - JSON
boa noite.
Estou criando um projeto em Vue.JS 2x, onde renderizo em tela uma lista de usuários a partir de um JSON, estou consumindo esse JSON através de uma FAKE API REST, pelo pacote do JSON-SERVER.
...
-2
votos
3
respostas
954
visitas
Como passar um componente no Vue para variável?
Tenho o seguinte código:
<template>
<div>
<h2><Info/></h2>
<input type="text" maxlength="1" value=`<Info/>`/>
<input type=&...
0
votos
1
resposta
67
visitas
Como posso acessar um componente e fazê-lo com que apareça unicamente em uma janela Electron + Quasar?
Eu gostaria de que o componente fosse exibido exatamente em uma janela única, mas não sei como fazer isso precisamente, o que consegui fazer foi apenas uma pequena base de um todo, até agora:
ipcMain....
-1
votos
1
resposta
120
visitas
Criação de componente Global Vue
Boa tarde..
Estou tendo o seguinte erro ao tentar criar um componente global com VUEJS..
main.js
import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';
import Menu ...
1
voto
0
respostas
60
visitas
TypeError: Cannot read property '_wrapper' of undefined
Estou tentando enviar dados via emit para o componente pai com os dados para atualizar os dados do meu grafico, porem o console deu este erro do titulo
componente filho:
refreshDados (){
var ...
0
votos
1
resposta
138
visitas
Requisição get Falhando
Olá, estou com um problema que está afetando meu desenvolvimento. Estou desenvolvendo uma aplicação que utilizo Axios e Vue.js e Desejo fazer um primeiro get em um dado que irá para uma props e nisso ...
0
votos
0
respostas
89
visitas
Como levar o valor de um reduce a tag para aparecer na view - VUE.JS
Estou tentando montar um painel, e quero levar os valores somados de um reduce pra aparecer na view
Dentro do orçamentos, há um array de valor, e fiz o methods para somar
methods: {
open(os) {
this....
-3
votos
1
resposta
1mil
visitas
Como forçar o typescript a interpretar um parâmetro como uma namespace ao invés de uma classe quando eles tem o mesmo nome - gRPC
Eu estou implementando um pequeno crud usando gRPC e typescript, o meu problema é: Os stubs autogerdos criam uma classe e um "type" para cada parâmetro no protofile. Por exemplo, o parâmetro ...
0
votos
1
resposta
992
visitas
Somar valores de uma coluna (array) - Vue.js?
Gostaria de saber como faço para somar os valores de uma array para aparecer na tela. Exemplo tem uma coluna com valor bruto, que contem o valor bruto de cada componente, queria somar esses valores.
...
-2
votos
1
resposta
429
visitas
Como baixar uma tabela do quasar em formato de excel (xlsx)?
O quasar só apresenta exemplos de como baixar uma tabela no formato CSV. Gostaria de saber se é possível, usando a mesma lógica, baixar tabelas no excel.
Código de como eu estou fazendo. O arquivo ...