- 博客(64)
- 收藏
- 关注
RSS订阅原创 element loading
const loading = this.$loading({ lock: true, // lock的修改符--默认是false text: '加载中', spinner: 'el-icon-loading',//自定义加载图标类名 background: 'rgba(0, 0, 0, 0.7)', target: document.querySelector('#table...
2021-08-05 14:04:03
102
原创 vue 菜单图文结构轮博点击
代码<template> <el-tabs style="width: 350px" v-model="activeName" @tab-click="handleClicks"> <el-tab-pane v-for="(i,index) in caseNames" :name="i.name" :key="i.name" class="casenum_items" >.
2021-07-06 14:36:45
113
原创 es6 js
去重 根据数组对象的某一字段 字符串修改指定值let obj={} a.reduce((cur,next) => { obj[next.name] ? "" : obj[next.name] = true && cur.push(next); return cur;},[])
2021-06-01 14:42:18
138
原创 动态搜索条件添加删除 动态验证表单 vue+elementUI table表格错位
--- 子组件 ---<template> <div style="margin-bottom: 30px;border-bottom: 1px solid #ccc"> <!-- 插槽用来存放整体的减号--> <slot></slot> <el-form> <el-form-item label="层级关系"> <el-select v-model="aoPa.
2021-06-01 14:30:43
307
原创 vue component is动态加载组建 动态路由
<template> <div class="dashboard-container"> <component :is="currentRole" /> </div></template><script>import { mapGetters } from 'vuex'import adminDashboard from './admin'import editorDashboard from './edit
2021-03-24 11:05:05
808
原创 vue 保存图片整张 以及单个
<div class="content"> <h1>{{title}}</h1> <el-button class="sava" type="primary" v-show="show" @click="savecanvas">保存图片</el-button> <div class="content-view canvas" ref="canvas"> // 用来设置图片的范围 &..
2021-03-15 14:14:43
365
原创 slot $emit $forceUpdate vue 传参父传孙
父组件<child> <button slot="button"></button></child>子组件 <slot name="button"></slot>
2021-01-28 15:38:28
291
1
原创 通过身份证号 获取年龄 性别
var date = new Date(); var startDate = new Date(sfzh.substr(6, 4) + '-' + sfzh.substr(10, 2) + '-' + sfzh.substr(12, 2)); var endDate = date.getTime() - startDate.getTime(); return Math.floor(endDate / 1000 / 60 / 60 / 24 / 365);..
2021-01-07 15:58:00
81
原创 ajax、XMLHttpReques导出 请求携带cookie
var timestamp = new Date().getTime(); var xmlResquest = new XMLHttpRequest(); xmlResquest.open('POST', _this.hnss + `/sheshui/yjjc/exportCompanyList?pageNum=${_this.page}&pageSize=${_this.pageSize}`); xmlResquest.setRequestHeader('Co.
2020-12-31 15:02:41
850
原创 window.open、window.location.href 两个html之间传递参数 解析乱码 title
打开一个新的窗口 window.open(`#/suspicious-count?id=${data.yhkh}&score=${data.score}&tags=${data.labels}` 获取参数 this.$route.query.tags
2020-12-14 11:41:05
336
原创 echarts 文本标签配置 label文字样式
字体基本样式设置：fontStyle、fontWeight、fontSize、fontFamily。文字颜色：color。文字描边：textBorderColor、textBorderWidth。文字阴影：textShadowColor、textShadowBlur、textShadowOffsetX、textShadowOffsetY。文本块或文本片段大小：lineHeight、width、height、padding。文本块或文本片段的对齐：align、verticalAlign。文本块或文
2020-12-02 10:07:06
5766
原创 echarts 柱状原型立体图 双y轴 负值
<script>import 'echarts/lib/chart/bar'import echarts from 'echarts'var xData = ['MAC', 'IP']var line = ['50', '90']var attr = { name: '月平均单价', unit: '元/单'}export default { data() { return { options: { tooltip: { .
2020-11-27 16:22:35
3125
原创 echarts 柱状立体图
options: { backgroundColor: '#28467c', tooltip: { trigger: 'axis', formatter: '{b} : {c}', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } ..
2020-11-27 16:16:43
764
原创 echarts 柱状图带底部table表格
options: { color: '#a2bad8', tooltip: { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#283b56' } } }, grid: { ..
2020-11-27 15:49:13
5251
2
原创 echarts 三角形柱状图
var xdata = ['返利人员', '下线人员']var data = [100, 1000]var maxArr = [100, 100]options: { backgroundColor: '#28467c', // 背景色 tooltip: { trigger: 'axis', borderRadius: 5, borderColor: '#fff', borderWidth.
2020-11-27 15:12:28
2733
原创 vue echarts 地图 点击事件
<template> <div class="accountOwn"> <div class="echartsMap" ref="myEchart" v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="#284.
2020-11-24 10:17:37
3308
原创 vue element table鼠标滑过背景行颜色 滚动条设置样式 名称排序
两种方式第一种方式鼠标滑过样式 背景颜色/deep/ { .el-table { tbody tr { &:hover { td { background-color: rgb(19, 75, 132); //颜色必须是rgb } } } }}第二种方式/deep/.el-table--enable-row-hover .el-table__body tr:hover > td
2020-11-23 10:57:20
1446
原创 vue element-ui里面el-tabs 动态设置label属性
<template> <div class="login"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane :label="'用户管理（'+name+')'" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管.
2020-11-03 14:23:28
7295
1
原创 三元运算符 判断多个条件
<a @click="item.dkfs==1?openWindow(item.name,item.url):(item.dkfs==2?getList:(item.dkfs==3?getData:''))"></a>打开新页面 window.open(url)getList(){}getData(){}
2020-11-02 16:01:30
2822
原创 img 动态路径一样图片名不同
html<img :src="getThumb(item.icon)" alt="">js methods: { methods: { getThumb(icon) { return `${ctx}/static/${icon}.png` }, } }
2020-11-02 15:53:51
183
原创 封装table+pagination 排序
两种方式 ：table自带复选框需点击两次触发事件html <!-- 第一种方式 --> <el-table ref="multipleTable" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" > <el-table-column type="selection" width
2020-10-31 11:05:18
268
原创 vue使用element-ui el-input+el-tree
简介：主要为树形下拉框选择数据对应input展示值效果图html <el-form :v-model="form"> <el-form-item> <el-input placeholder="请选择菜单分类" class="selectTree-input" auto-complete="off" v-model="form.inp
2020-10-24 16:39:35
1522
1
原创 css 渐变色 横线竖线
渐变横线 竖线html<template> <div class="login"> <div class="boxs"> <div class="boxx"></div> <div class="child"> <div class="left"></div> <div class="right"></div>
2020-10-22 19:45:10
2045
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人