Estou aprendendo Vue.js. No meu Vue, tenho um campo de texto e um botão. Por padrão, este botão envia um formulário quando alguém pressiona a tecla Enter no teclado. Quando alguém está digitando no campo de texto, desejo capturar cada tecla pressionada. Se a chave for um símbolo '@', quero fazer...
Eu tenho um projeto Vue 2 que tem muitos (50+) componentes de arquivo único . Eu uso o Vue-Router para roteamento e Vuex para o estado. Existe um arquivo, chamado helpers.js , que contém várias funções de uso geral , como colocar a primeira letra de uma string em maiúscula. Este arquivo tem a...
На этот вопрос есть ответы на Stack Overflow на русском : Как в vue-router открыть ссылку в новой вкладке? Eu tenho uma página de resumo e uma subpágina de detalhes. Todas as rotas são implementadas com vue-router(v 0.7.x) usando navegação programática como...
Tenho uma função que ajuda a filtrar dados. Estou usando v-on:changequando um usuário altera a seleção, mas também preciso que a função seja chamada antes mesmo de o usuário selecionar os dados. Eu fiz o mesmo com o AngularJSuso anterior, ng-initmas entendo que não existe tal diretiva emvue.js...
Estou procurando o url certo para fazer referência a ativos estáticos, como imagens no javascript do Vue. Por exemplo, estou criando um marcador de folheto usando uma imagem de ícone personalizada e tentei vários urls, mas todos retornam um 404 (Not Found): Main.vue: var icon = L.icon({...
Preciso inserir um comentário dentro de um arquivo vue.js para referências futuras, mas não encontro como fazer isso na documentação. Eu tentei //, /**/, {{-- --}}, e {# #}, mas nenhum deles parece funcionar. Estou usando a lâmina do Laravel. Então este é o sample_file.vue: <template>...
Eu tenho um componente com um conjunto específico de dados iniciais: data: function (){ return { modalBodyDisplay: 'getUserInput', // possible values: 'getUserInput', 'confirmGeocodedValue' submitButtonText: 'Lookup', // possible values 'Lookup', 'Yes' addressToConfirm: null,...
Então, eu quero passar adereços para um componente Vue, mas espero que eles mudem no futuro de dentro desse componente, por exemplo, quando eu atualizar esse componente Vue de dentro usando AJAX. Portanto, eles são apenas para inicialização do componente. cars-listElemento de componente My Vue...
Eu tenho dois componentes aninhados, qual é a maneira correta de acessar os métodos filhos do pai? this.$children[0].myMethod() parece funcionar, mas é bem feio, não é, o que pode ser melhor maneira: <script> import child from './my-child' export default { components: { child },...
Quero colocar todas as minhas funções que se comunicam com o servidor e buscam dados em um único arquivo reutilizável no VueJS. Plugins não parecem ser a melhor alternativa. Molde menos componentes
Eu sou novo em Vuejs. Fiz alguma coisa, mas não sei se é do jeito simples / certo. o que eu quero Quero algumas datas em uma matriz e atualizá-las em um evento. Primeiro tentei Vue.set, mas não deu certo. Agora, depois de mudar meu item de array: this.items[index] =
Estou tentando vincular o src de uma imagem em um elemento, mas não parece funcionar. Estou recebendo uma "Expressão inválida. Corpo da função gerada: {backgroundImage: {url (imagem)}". A documentação diz para usar 'Kebab-case' ou 'camel-case'. <div class="circular" v-bind:style="{...
Estou lutando para entender como transmitir dados entre componentes em vue.js. Eu li a documentação várias vezes e olhei muitas perguntas e tutoriais relacionados, mas ainda não estou entendendo. Para entender isso, espero ajuda para completar um exemplo bem simples exibir uma lista de...
Meu componente vue é assim: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false"
Eu criei um vue webpackprojeto usando vue-cli. vue init webpack myproject E então executei o projeto no devmodo: npm run dev Eu tenho este erro: Falha ao carregar o recurso: o servidor respondeu com um status 404 (não encontrado) http: // localhost: 8080 / favicon.ico Então, dentro do...
Sou um iniciante em Vue.js e estou tentando criar um aplicativo que atenda às minhas tarefas diárias e encontrei o Vue Components. Abaixo está o que eu tentei, mas infelizmente, me deu este erro: vue.js: 1023 [Aviso Vue]: Elemento personalizado desconhecido: - você registrou o componente...
Estou tentando disparar a foo()função com o @clickmas, como você pode ver, preciso pressionar o botão de opção duas vezes para disparar o evento corretamente. Capture o valor apenas na segunda vez que você pressionar ... Quero disparar o evento sem @clickapenas disparar o evento quando...
Como faço para acessar o $refsdentro do computador? É sempre indefinido na primeira vez que a propriedade computada é executada.
Parece que o Vue.js 2.0 não emite eventos de um neto para o componente de seu avô. Vue.component('parent', { template: '<div>I am the parent - {{ action }} <child @eventtriggered="performAction"></child></div>', data(){ return { action: 'No action' } }, methods:...
Digamos que eu tenha uma instância Vue assim: new Vue({ el: '#app', data: { word: 'foo', }, filters: { capitalize: function(text) { return text.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); }); } }, methods: { sendData: function() { var payload =