Preguntas etiquetadas con vuejs2

En VueJS podemos agregar o eliminar un elemento DOM usando v-if: <button v-if="isRequired">Important Button</button> pero, ¿hay alguna manera de agregar / eliminar atributos de un elemento dom? Por ejemplo, para lo siguiente, establezca condicionalmente el atributo requerido: Username: <input type="text" name="username" required> por algo similar a: Username: <input type="text" name="username" …

119 javascript  vue.js  vuejs2 

Visión general En Vue.js 2.x, model.syncquedará obsoleto . Entonces, ¿cuál es una forma adecuada de comunicarse entre componentes hermanos en Vue.js 2.x ? Antecedentes Según tengo entendido Vue 2.x, el método preferido para la comunicación entre hermanos es usar una tienda o un bus de eventos . Según Evan (creador …

112 javascript  vue.js  vuejs2  vue-component  vuex 

¿Cómo puedo repetir un bucle a través de v-forX (por ejemplo, 10) veces? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> La documentación muestra: <ul> <li v-for="item in 10">{{ item }}</li> </ul> // or <li v-for="n …

112 javascript  vue.js  vuejs2  v-for 

Tengo una matriz llamada peopleque contiene objetos de la siguiente manera: antes de [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Puede cambiar: Después [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: …

108 javascript  vue.js  vuejs2 

Tengo un componente con alguna validación de formulario. Es un formulario de pago de varios pasos. El siguiente código es para el primer paso. Me gustaría validar que el usuario ingresó un texto, almacenar su nombre en el estado global y luego enviarlo al siguiente paso. Estoy usando vee-validate y …

108 vue.js  vuejs2  vue-component  vuex 

Mi aplicación usa la API de Firebase para la autenticación de usuarios, y guarda el estado de inicio de sesión como un valor booleano en un estado de Vuex. Cuando el usuario inicia sesión, configuro el estado de inicio de sesión y visualizo condicionalmente el botón Iniciar sesión / Cerrar …

106 javascript  vue.js  vuejs2  state  vuex 

Tengo una vista dinámica: <div id="myview"> <div :is="currentComponent"></div> </div> con una instancia de Vue asociada: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Esto me permite cambiar mi componente de forma dinámica. En mi caso, tengo tres componentes diferentes: myComponent, myComponent1, y myComponent2. Y …

105 javascript  vue.js  vuejs2  vue-component 

Quiero concatenar la variable Vue.js con la URL de la imagen. Lo que calculé: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Si construyo para Android: <img src="/android_asset/www/img/logo.png"> Más <img src="img/logo.png"> ¿Cómo puedo concatenar la variable calculada con la URL? Lo intenté: <img src="{{imgPreUrl}}img/logo.png">

105 javascript  vue.js  vuejs2 

Considere un simple Vue blog: Estoy usando Vuex como mi almacén de datos y necesito configurar dos captadores : un getPostcaptador para recuperar una postpor ID, así como listFeaturedPostsque los rendimientos de los primeros caracteres de cada puesto ofrecido. El esquema del almacén de datos para la lista de publicaciones …

105 vuejs2  vuex 

Cómo cambiar el número de puerto en el proyecto Vue-cli para que se ejecute en otro puerto en lugar de 8080.

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

Leo los documentos, pero no puedo entenderlos. Sé lo que hacen los métodos de datos, calculados, de observación, pero ¿ nextTick()para qué sirven en vuejs?

104 vue.js  vuejs2 

Mi componente de vue es así: <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" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() …

100 vue.js  vuejs2  vue-component 

Tengo una función que ayuda a filtrar datos. Estoy usando v-on:changecuando un usuario cambia la selección, pero también necesito que se llame a la función incluso antes de que el usuario seleccione los datos. He hecho lo mismo con el AngularJSuso anterior, ng-initpero entiendo que no existe tal directiva envue.js …

97 javascript  vue.js  vuejs2 

Quiero poner todas mis funciones que se comunican con el servidor y obtienen datos en un solo archivo reutilizable en VueJS. Los complementos no parecen ser la mejor alternativa. Plantilla sin componentes ..?

95 service  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) …

95 javascript  vue.js  vuejs2  vue-component