elementUI
关注
分享
扫一扫
竹子js
这个作者很懒，什么都没留下…
展开
-
七牛云上传图片element的upload组件
步骤:后端使用AccessKey,SecretKey,Bucket生成token给前端 前端使用Domain和后端返回的token去调用qiniu的SDK上传文件解释:AccessKey,SecretKey:秘钥,在这里可以查看到https://portal.qiniu.com/user/keyBucket:存储空间,在这里可以查看到https://portal.qiniu.com/kodo/bucketDomain:存储空间Bucket对应的域名,通过这个域名和一个key值可以原创 2020-07-31 15:22:42 · 913 阅读 · 0 评论 -
elementUI添加插槽(对话框插槽)
<el-dialog :visible.sync="dialog" width="400px" center> <template slot="title"> <div class="alertTitle"> <img src="../assets/admin...原创 2019-07-10 18:56:55 · 5447 阅读 · 0 评论 -
vue中elementUI表格数据导出下载为xlsx格式的excel文件
1.安装依赖：npm i file-saver --savenpm i xlsx --save2.在需要的地方引入这两个插件：import FileSaver from "file-saver";import XLSX from "xlsx";3.在点击事件中导出和数据：mytable为表格的id名，sheet.xlsx为导出的文件名html：<el-tab...原创 2018-11-29 17:43:03 · 7621 阅读 · 2 评论 -
vue中element UI可折叠式导航菜单(导航列表根据后台数据渲染-动态加载导航菜单)
版本一：可折叠式，数据前台自定义<template> <div id="index"> <el-aside width="152px" class="asideNav"> <el-menu :default-active="defaultActive" class="el-menu-vertic原创 2018-11-14 17:48:20 · 25285 阅读 · 1 评论 -
vue根据表格分页，前端实现方法
html: <el-table :data="tableData.slice((curPage-1)*pagesize,curPage*pagesize)" border style="width: 100%"> <el-table-column label="订单编号" ...原创 2018-11-01 18:40:00 · 5058 阅读 · 0 评论 -
element UI树形控件，若子选中 父也要选中
树形控件html： <el-tree :data="trees" show-checkbox :default-expand-all="expandAll" :default-checked-keys="checkedKeys" ...原创 2018-09-06 18:10:49 · 11403 阅读 · 2 评论 -
vue+element UI实现树形表格，带树形选择的复选框
一：在component文件夹下新建如下treeTable文件夹，里面有2个文件：eval.js:将数据转换成树形数据/** * @Author: jianglei * @Date: 2017-10-12 12:06:49 */"use strict";import Vue from "vue";export default function treeToArray(...原创 2018-09-03 09:37:00 · 96745 阅读 · 67 评论 -
vue 省市区三级联动选择 pc端项目插件element-china-area-data（非常推荐）
使用步骤：1.npm install element-china-area-data -S2.import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'ps：...原创 2018-08-30 14:39:59 · 30889 阅读 · 15 评论 -
vue导航栏通过接口数据遍历动态生成
要做权限管理，导航栏需要根据不同身份来动态生成，实例如下： <el-menu :default-active="defaultActive" class="el-menu-vertical-demo" router active-text-color='#29A88D' ...原创 2018-08-22 11:22:11 · 8158 阅读 · 7 评论 -
element UI修改组件的默认样式
element UI修改组件的默认样式，方法有两种：1.新建global.css,并在main.js中引入import "./assets/style/global.css";2.在单个xx.vue文件最后多写一对<style>......</style>标签，即有两对style标签，一对有scoped,一对没有scoped。如果写在有scoped属性的style标...原创 2018-08-13 14:45:03 · 32749 阅读 · 5 评论 -
elementUI中图片上传upload组件，上传图片数据到后台
结构： <el-upload :action="api.base+api.uploadotherpic" list-type="picture-card" :file-list="fileList" with-credentials :before-upload="befo...原创 2018-08-08 15:10:53 · 42572 阅读 · 3 评论 -
elementUI的时间选择器-选择日期范围，选择时间后获取时间的格式问题
选择日期范围: value-format="yyyy-MM-dd" //加上这行代码，不然获取的时间格式用不了 <el-date-picker v-model="shop" value-format="yyyy-MM-dd"//非常重要，不然获取的时间格式用不了 format="yyyy-MM-dd"...原创 2018-08-04 09:07:17 · 17887 阅读 · 4 评论