No VueJS, podemos adicionar ou remover um elemento DOM usando v-if: <button v-if="isRequired">Important Button</button> mas existe uma maneira de adicionar / remover atributos de um elemento dom, por exemplo, para o seguinte definir condicionalmente o atributo obrigatório: Username:...
Eu tenho um componente, como posso selecionar um de seus elementos? Estou tentando obter uma entrada que está dentro do modelo deste componente. Pode haver vários componentes, portanto, o queryselector deve apenas analisar a instância atual do componente. Vue.component('somecomponent', {...
Quero criar um componente com Vue.js contendo um rótulo e uma entrada. por exemplo : <label for="inputId">Label text</label> <input id="inputId" type="text" /> Como posso definir um ID exclusivo para cada instância do
Estou tentando definir parâmetros de consulta com Vue-router ao alterar os campos de entrada, não quero navegar para outra página, mas apenas modificar os parâmetros de consulta de url na mesma página, estou fazendo assim: this.$router.replace({ query: { q1: "q1" } }) Mas isso também atualiza a...
Visão geral No Vue.js 2.x, model.syncserá preterido . Então, qual é a maneira adequada de se comunicar entre componentes irmãos no Vue.js 2.x ? fundo Pelo que entendi Vue 2.x, o método preferido para comunicação entre irmãos é usar uma loja ou um barramento de evento . De acordo com Evan...
Eu tenho um componente com alguma validação de formulário. É um formulário de verificação de várias etapas. O código abaixo é para a primeira etapa. Eu gostaria de validar se o usuário inseriu algum texto, armazenar seu nome no estado global e então enviar para a próxima etapa. Estou usando...
Eu tenho uma matriz chamada peopleque contém objetos da seguinte maneira: Antes [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Pode mudar: Depois de [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, name: 'Joe',...
Como posso repetir um loop via v-forX (por exemplo, 10) vezes? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> A documentação mostra: <ul> <li v-for="item in 10">{{ item...
Quero acessar state.sessionem instance.jsde records_view.js. Como isso é feito? store / modules / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; store / modules /...
Quero concatenar a variável Vue.js com o URL da imagem. O que eu calculei: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Se eu construir para Android: <img src="/android_asset/www/img/logo.png"> Outro <img src="img/logo.png"> Como...
var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data;
Eu preciso rotear para um determinado componente de duas maneiras - uma com um parâmetro, outra sem. Pesquisei parâmetros opcionais e de alguma forma não consigo encontrar muitas informações. Então, minha rota: { path: '/offers/:member', component: Offers, name: 'offers', props: true, meta:...
Tenho uma visão dinâmica: <div id="myview"> <div :is="currentComponent"></div> </div> com uma instância Vue associada: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Isso me permite alterar meu componente...
Como alterar o número da porta no projeto Vue-cli para que seja executado em outra porta em vez de
Eu gostaria de mostrar um div ao passar o mouse sobre um elemento em vue.js. Mas não consigo fazer funcionar. Parece que não há evento para passar o mouse ou passar o mouse no vue.js. Isso é verdade mesmo? Seria possível combinar os métodos jquery hover e vue?
Eu li a documentação, mas não consigo entender. Eu sei o que os métodos de dados, calculados e observados fazem, mas para que serve nextTick()em
Questão: Como chamar várias funções em um único @click? (também conhecido como v-on:click)? eu tentei As funções rachadas com um ponto e vírgula: <div @click="fn1('foo');fn2('bar')"> </div>; Use vários @click: <div @click="fn1('foo')" @click="fn2('bar')"> </div>; mas...
Estou criando uma tabela usando Vue.js e quero definir um onClickevento para cada linha que passa contactID. Aqui está o código: <tr v-for="item in items" class="static" v-bind:class="{'evenRow': item.oddeven=='1', 'oddRow': item.oddeven=='0'
Eu vejo nesta solicitação pull : Adicione um router.reload() Recarregue com o caminho atual e chame o gancho de dados novamente Mas quando tento emitir o seguinte comando de um componente Vue: this.$router.reload() Eu recebo este erro: Uncaught TypeError: this.$router.reload is not a...
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...