Anuncio

Entra a participar en el Slack de Laraveles. Solicita tu invitación aquí.
Nos ayuda a manter la comunidad

#1 11/07/2018 12:57:03

r4gn4r0k
Miembro
Registrado: 03/11/2015
Mensajes: 6

Cambiar comportamiento de una tabla con VueJS

Duda: En mi proyecto estoy generando una tabla de manera dinamica mi pregunta es : ¿una vez que tenga el html generado es posible recorrerlo mediante Vuejs y hacerle actualizaciones? Por ejemplo si se agrega una nuevo item  a la Base de datos o cambiar el color a una celda , si pudieran explicarme o darme un ejemplo se los agradeceria mucho.

<div class="panel-block">
    <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
        <tr>
        @php($Contador=0)
        @foreach($servidor as $server )
            @if ($Contador!=0 && $Contador%15==0)
                <tr></tr>
            @endif
            <td class="has-text-centered">
                {{--<a  href="{{ route('servidor.detalles',$server->slug) }}" title="{{$server->nombre_servidor}}" class="has-text-primary">  {{ $server->id}}</a>--}}
                <a href="{{ route('servidor.detalles',$server->slug) }}" data-tooltip="Nombre Servidor : {{$server->nombre_servidor ." IP : ". $server->servidor}} " class="has-text-primary tooltip is-tooltip-primary is-tooltip-multiline"> <strong> {{ $server->id}}</strong></a>
            </td>
            @php($Contador++)
            @endforeach
            </tr>
    </table>
</div>

Última edición por r4gn4r0k (11/07/2018 12:58:41)

Desconectado

Pié de página <- REVISAR ->

Powered by FluxBB

Ayuda a mantener la comunidad: