ElementUI
空城里的往日时光
这个作者很懒,什么都没留下…
展开
-
Dialog组件—弹窗拖拽功能
目录一、概述二、详解一、概述问题:ElementUI框架中的Dialog弹窗组件没有提供可拖拽功能,开发中需要自己实现。二、详解解决方案Vue中自定义指令实现弹窗的拖拽功能。代码示例创建一个drag.js文件,文件中定义一个拖拽的全局指令,代码如下所示。import Vue from 'vue';/** * v-dialogDrag 弹窗拖拽指令 */Vue.directive('dialogDrag', { // 钩子函数,第一.原创 2021-03-08 15:27:51 · 994 阅读 · 0 评论 -
DatePicker组件—常用功能示例
目录一、概述二、详解一、概述ElementUI框架中日期选择器的常用操作。二、详解示例1:禁止选择今天之后的日期如下代码所示,添加picker-options属性,即可实现目标需求。<template> <el-date-picker v-model="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date".原创 2021-03-16 14:16:01 · 344 阅读 · 0 评论 -
tree组件—常用功能示例
目录一、概述二、详解一、概述ElementUI框架中树组件的常用操作。二、详解示例1:一棵简单的树示例2:设置默认节点树组件添加default-checked-keys特性可以开启默认节点功能,其特性值是一个数组,数组中的元素为node-key设置的属性值。注意,树组件必须同时设置node-key特性,否则default-checked-keys无效。示例3:节点过滤节点过滤的设置分为两步,其一设置节点过滤方法,即为树组件添..原创 2020-12-12 14:51:37 · 1208 阅读 · 0 评论