Perguntas com a marcação «vue.js»

O Vue.js é uma estrutura Javascript progressiva de código-fonte aberto para criar interfaces de usuário que visam ser adotadas de forma incremental. O Vue.js é usado principalmente para desenvolvimento front-end e requer um nível intermediário de HTML e CSS. As perguntas específicas da versão do Vue.js. devem ser marcadas com [vuejs2] ou [vuejs3].


10
Como desativar a entrada condicionalmente no vue.js
Eu tenho uma entrada: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> e no meu componente Vue.js, tenho: .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validatedsendo um boolean, pode ser um 0ou 1, mas, independentemente do valor armazenado no banco de dados, …
277 javascript  html  forms  vue.js 

5
Importação do ES6 usando o caminho de entrada em ('@') em um projeto vue.js usando o Webpack
Estou iniciando um novo projeto vue.js, então usei a ferramenta vue-cli para criar um novo projeto de webpack (por exemplo vue init webpack). Enquanto eu andava pelos arquivos gerados, notei as seguintes importações no src/router/index.jsarquivo: import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // <- this …

9
Como remover hashbang do url?
Como remover hashbang #!do url? Encontrei uma opção para desativar o hashbang na documentação do roteador vue ( http://vuejs.github.io/vue-router/en/options.html ), mas essa opção remove #!e apenas coloca# Existe alguma maneira de ter um URL limpo? Exemplo: NÃO: #!/home MAS: /home
257 vue.js  vue-router 

13
Como ouvir as alterações 'adereços'
Nos documentos do VueJs 2.0, não consigo encontrar nenhum gancho que ouça as propsalterações. Os VueJs têm ganchos semelhantes onPropsUpdated()ou semelhantes? Atualizar Como o @wostex sugeriu, tentei watchminha propriedade, mas nada mudou. Então percebi que tenho um caso especial: <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] } …



10
Chame um método de componente Vue.js de fora do componente
Digamos que eu tenho uma instância principal do Vue que possui componentes filhos. Existe uma maneira de chamar um método pertencente a um desses componentes completamente fora da instância do Vue? Aqui está um exemplo: var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() …
229 javascript  vue.js 



5
Exibir HTML sem escape no Vue.js
Como posso conseguir que o HTML seja interpretado dentro de uma ligação de bigode? No momento, o intervalo ( <br />) é apenas exibido / escapado. Aplicativo Vue pequeno: var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn<br />JavaScript', …
189 javascript  html  vue.js 

7
Vue v-on: clique não funciona no componente
Estou tentando usar a diretiva on click dentro de um componente, mas ele não parece funcionar. Quando clico no componente, nada acontece quando devo receber um 'teste clicado' no console. Não vejo nenhum erro no console, então não sei o que estou fazendo de errado. index.html <!DOCTYPE html> <html> <head> …

1
Diferença entre os eventos criados e montados no Vue.js
A documentação do Vue.js descreve os eventos createde da mountedseguinte maneira: created Chamado de forma síncrona após a criação da instância. Nesse estágio, a instância concluiu o processamento das opções, o que significa que foram configuradas as seguintes: observação de dados, propriedades calculadas, métodos, retornos de chamada de observação / …
181 javascript  vue.js 

24
Vue 2 - Adereços mutantes vue-warn
Comecei a série https://laracasts.com/series/learning-vue-step-by-step . Parei na lição Vue, Laravel e AJAX com este erro: vue.js: 2574 [Vue warn]: Evite alterar um objeto diretamente, pois o valor será substituído sempre que o componente pai for renderizado novamente. Em vez disso, use dados ou propriedades calculadas com base no valor do …


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.