![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
功能
好事总会发生在下个转弯
努力搬砖中。。。
展开
-
使用promise简单封装ajax请求
关键代码相关封装代码// 使用Promise封装ajax请求getStreetsPromise(obj) { // 相关所传的参数 let data = obj.data // 请求的接口 let url = obj.url // 不传默认发送get请求 let methed = obj.methed || 'get' // 默认以表单形式进行发送 let headers = obj.headers || 'formdata' /原创 2021-08-31 16:36:04 · 259 阅读 · 0 评论 -
json导出excel
关键代码 /* json导出 @Parameter JSONData:json数组 @Parameter FileName:导出文件名(不要后缀) @Parameter title:表头(数组,如['姓名', '年龄', '联系方式', '详细地址']) @Parameter filter */ function jsonExcel(JSONData, FileName, title, filter) { if (!JSONData) return; //转化json为o原创 2021-08-31 16:29:01 · 510 阅读 · 0 评论 -
el-table中如何将汇总数据放于第一行,同时自定义相关的合并数据值,并且固定第一行
具体效果演示关键代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>点击相关按钮出现相关的div,div出现后点击除div外的其它地方隐藏相关的div</titl原创 2021-08-25 16:36:13 · 1834 阅读 · 0 评论 -
el-upload文件导入前弹窗确认;导入文件过程中全局进行加载;向后端导入excel;
关键代码<el-upload action="string" :http-request="uploadFile" :limit="1" :show-file-list="false" accept=".xls, .xlsx"> <el-button type="success" size="mini">导入</el-button></el-upload>原创 2021-08-25 11:44:15 · 883 阅读 · 4 评论 -
el-table 点击某一行时勾选改行的多选框
关键代码<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.15.5/lib/index.js"></script><div id="app"><template> <el-table ref="multipleTable" :data="tableData" toolt原创 2021-08-24 11:44:05 · 748 阅读 · 0 评论 -
el-table 如何动态的修改某一单元格中字体颜色
关键代码 <el-table-column header-align="center" align="center" v-for="item in notFixedData" :key="item.prop" v-if="item.isTrue" :prop="item.prop" :label="item.title" :min-width="item.width"> <template slot-scope="scope"> &原创 2021-08-24 11:35:22 · 1449 阅读 · 0 评论 -
el-talbe 使用row-style动态修改表格行颜色
关键代码<template> <el-table stripe :data="tableData" style="width: 100%" :row-style="tableRowClassName"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-原创 2021-08-24 11:02:06 · 7829 阅读 · 0 评论 -
前端自定义模糊搜索
关键代码//搜索框一输入就进行相关的匹配搜索searchDepartment() { //当搜索框中存在值 if(this.department) { this.departments = this.departmentsCopy.filter(item => { if(!!~item.organizenm.indexOf(this.department) || !!~item.organizenm.toUpperCase().indexOf原创 2021-08-10 11:04:42 · 172 阅读 · 0 评论 -
点击按钮出现相关的div,div出现后点击除div外的其它地方隐藏相关的div
具体效果演示实现代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>点击相关按钮出现相关的div,div出现后点击除div外的其它地方隐藏原创 2021-06-17 22:41:16 · 397 阅读 · 0 评论 -
JS 二维数组转变成一维数组
实现代码如下所示var twoArray = [["a", "b", "c"], ["d", "e", "f"]];// 使用apply()使其所指的对象为一维数组,然后通过twoArray来传递相关的参数var oneArray = [].concat.apply([], twoArray);// reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值// 语法:array.reduce(function(total, currentValue, cur原创 2021-05-09 21:49:09 · 1112 阅读 · 0 评论 -
使用动态组件实现多标签
一、实现效果二、相关代码详情<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动态组件</title> <style> div { width: 250px; } .tab-button {原创 2021-05-09 17:48:30 · 105 阅读 · 0 评论 -
Vue自定义指令实现随机背景色
1、实现的具体效果演示2、具体功能实现的相关代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>随机背景颜色</title> <style> div { margin: auto; width: 567px原创 2021-05-01 16:22:57 · 951 阅读 · 0 评论 -
Vue实现下拉菜单
1、所实现的具体功能效果2、具体功能实现代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style type="text/css"> body { width: 600px; }原创 2021-05-01 15:56:50 · 3031 阅读 · 0 评论