Perguntas com a marcação «vuejs2»

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: <input type="text" name="username" required> por algo semelhante a: Username: <input type="text" name="username" …

119 javascript  vue.js  vuejs2 

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 …

113 javascript  vue.js  vuejs2  vue-component  vuex 

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: …

108 javascript  vue.js  vuejs2 

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 …

108 vue.js  vuejs2  vue-component  vuex 

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 }}</li> </ul> // or <li v-for="n in 10">{{ …

108 javascript  vue.js  vuejs2  v-for 

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 posso concatenar a variável computada com a URL? Eu tentei: <img src="{{imgPreUrl}}img/logo.png">

106 javascript  vue.js  vuejs2 

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; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …

106 javascript  vue.js  vuejs2  vue-component 

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 dinamicamente. No meu caso, eu tenho três componentes diferentes: myComponent, myComponent1, e myComponent2. E eu alterno …

105 javascript  vue.js  vuejs2  vue-component 

Como alterar o número da porta no projeto Vue-cli para que seja executado em outra porta em vez de 8080.

104 vue.js  vuejs2  command-line-interface  vue-cli 

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 vuejs?

104 vue.js  vuejs2 

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 function Procurei na documentação , mas não …

101 vue.js  vue-router  vuejs2 

Eu tenho um caso onde em minha Vue.jscom webpackaplicativo web, eu preciso exibir imagens dinâmicas. Eu quero mostrar imgonde o nome do arquivo de imagens são armazenados em uma variável. Essa variável é uma computedpropriedade que está retornando uma Vuexvariável de armazenamento, que está sendo preenchida de forma assíncrona em …

100 javascript  html  vue.js  vuejs2 

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 Esta é …

99 javascript  vue.js  vuejs2 

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 ..?

95 service  vue.js  vuejs2 

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] = …

94 javascript  vue.js  momentjs  vuejs2