
element ui
今天会下雨吗
多动脑思考吧
展开
-
使用vue-table-with-tree-grid树形表格组件
1. 安装(1)vue ui面板依赖 -> 运行依赖 -> 搜索vue-table-with-tree-grid -> 安装(2)控制台npm i vue-table-with-tree-grid -S2. 配置main.jsimport TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table',TreeTable) //tree-table:给要注册的插件起的名字//TreeTab原创 2021-10-14 10:58:51 · 502 阅读 · 0 评论 -
elementui日期时间选择器实现筛选功能
1. 实现效果选择好时间区间后,点击筛选按钮,分页区内容进行改变2. 实现方法日期时间选择器部分 DateTimePicker<template> <el-form-item> <el-date-picker v-model="search_data.startTime" type="datetimerange"> </el-date-picker> -- <el-date-picker v-mode原创 2021-01-24 19:11:23 · 6823 阅读 · 0 评论 -
element ui-upload组件之上传图片(上传成功后实现图片预览和删除)
**前言**upload上传组件提供了很多种案例,这次列举的是`图片列表缩略图`的上传1. on-preview 点击文件列表中已上传的文件时的钩子 function(file)2. on-remove 文件列表移除文件时的钩子 function(file, fileList)3. on-success 文件上传成功时的钩子 function(response, file, fileList) add.vue<template><!-- 图片上传 --><原创 2020-12-01 17:05:15 · 14438 阅读 · 0 评论 -
element uiForm表单之验证手机号/邮箱的合法性
实现效果1.引入Form表单<template><el-form:model="addForm":rules="addFormRules"ref="addFormRef"label-width="70px"> <!-- 邮箱 --> <el-form-item label="邮箱" prop="email"> <el-input v-model="addForm.email"></el-input> &l原创 2020-11-24 09:19:23 · 7002 阅读 · 0 评论