Calendario de Tareas con Tabla Interactiva en Vue.js y Element-UI
Este ejemplo técnico demuestra cómo desarrollar un calendario de tareas pendientes con Element-UI en Vue.js, incluyendo indiacdores visuales en el calendario y una vista de tabla expandible. El sistema muestra marcas verdes para tareas completadas y rojas para pendientes, con un panel lateral que lista las tareas en formato tabla.
Estructura de ...
Publicado el 7-16 22:56
Implementación de Componentes Vue con Element UI
1.1 Cabecera del sitio
<template>
<el-container>
<el-header>
<el-row>
<el-col :span="4">
<img src="/assets/logos/company_logo.png" alt="Logo de la empresa"/>
</el-col>
<el-col :span="20" class="menu-column" ...
Publicado el 6-22 19:20
Directiva personalizada en Vue 2 para insertar componentes dinámicos en el DOM
Archivo de directiva: dinamizarDom.js
import { extraerVariablesCadena } from "@/utilidades";
import almacen from '@/almacen';
import { Input, SelectorFecha, Mensaje } from 'element-ui';
import Vue from 'vue';
export default {
insertado(el, enlace, nodo) {
const { valor, soloLectura } = enlace.valor;
let variablesExtraidas = extraerVa ...
Publicado el 6-17 17:16
Instalación y Ejemplo Inicial con Element UI en Vue.js
Configuración del Entorno de Ejecución
Para usar Element UI, se requiere un entorno basado en Vue.js. Se pueden seguir dos enfoques principales: integración con aplicaciones Vue o uso directo en HTML estático.
Instalación mediante npm
La instalación vía npm es la recomendada para proyectos que utiilzan bundlers como webpack. Ejecute el siguient ...
Publicado el 6-2 09:07