Renderización de listas VUEjs

En este video enseño a trabajar las listas en #VUE. Listamos elementos, agregamos de forma dinámica, y damos las bases necesarias para abordar con éxito esta tecnología.

Inicia sesión para poder registrar las lecciones que has completado Login

Aprenderemos sobre la directiva v-for de Vue.js, ella nos permite iterar de forma dinámica un array de datos y mostrarlos de forma reactiva. Listar los elementos es una practica para apreciar el poder de VUE, podremos agregar y manipular la lista... Te darás cuenta de que VUEjs trabaja con el dato y en base a ellos manipula los elementos visuales.

Así trabajamos en HTML

<div id="main">
    <ul>
        <li v-for="item in people" v-text="item"></li>
    </ul>
    <input type="text" v-model="name" v-on:keyup.enter="addName">
</div>

Este es el módulo creado en VUEjs

<script>
    new Vue({
        el: '#main',
        data: {
            people: ['Lynda', 'Isabella', 'Diana', 'Luisa']
        },
        name: '',
        methods: {
            addName: function(){
                this.people.push(this.name);
                this.name = '';
            }
        }
    });
</script>

Adquiere en preventa y aprovecha un gran descuento TDD en Laravel

Comparte en

Creado por: Venezuela Italo Morales

Profesor de #Laravel y #PHP en Rimorsoft Online

Más información


Ayuda con datatables

Hola, acudo a ustedes para ver si pueden orientarme resulta que tengo una tabla que obtiene datos agrupados por nombre de empresa, cada empresa tiene locales en renta y se debe obtener el monto que se debe o que ha sido pagado, segun corresponda tengo algo mas o menos así:

$result = DB::table('espacios') ->select('cuenta_por_cobrars.id','clientes.id as ide...

Obtener Datos de un select en otros input

Buenas estoy intentando que al seleccion un producto me pegue luego en unas cajas de texto los datos.

Mi Controlador:

public function lista(){

$productos = Productos::pluck('Codigo','Descripcion','PVP','id')->prepend('selecciona'); return view ('Productos.NuevoProducto2',compact('productos'));

}

Mi vista:

@extends('admin.plantilla')

@section('content'...

Input que depende del valor seleccionado en Select

Buenas amigos, estoy intentando que al picar en el select me sale el listado de productos por ejemplo y quiero poner en un input el precio.

Por el momento consigo tener mi select lleno de datos, pero no consigo que me envie los datos al input.

Alguna idea o ejemplo para orientarme?

gracias...

componentes

hola amigo italo, buen dia... tengo el siguiente inconveniente... quisiera hacer un select con un componente que me cargue los funcionarios de una empresa y colocarlo en varios formularios en diferentes modales. el componente lo hago correctamente y carga los funcionarios; cuando selecciono el funcionario quisiera cargarlo a una variable VUE que esta en mi instancia principal...