![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
样式
小杨的羊
个人纪录,仅供参考。
展开
-
<el-table>设置id自增
根据获取的数据在表格中显示的页数和当前页显示的记录条数来计算序号 <el-table-column label="序号" type="index" width="100" :index='indexMethod'> </el-table-column> 或者 <el-table-column label="序号" width="100" type="index" :index='(index)=>{return (index+1) + (this.current原创 2021-09-15 13:47:13 · 1582 阅读 · 0 评论 -
自制横向时间线
效果图1、节点获取 <!-- 时间线 --> <div class="timeLines"> <div class="ul_box"> <ul class="timeline" ref="timeline"> <li class="timeline_item" v-for="(item,index) in timeLineList" :key="index">原创 2021-09-02 08:58:17 · 1300 阅读 · 0 评论 -
禁用-鼠标滑过显示红色禁用符号
鼠标滑过显示红色禁用符号cursor:no-drop //是一个红色的圈加一个斜杠,表示禁止的意思 cursor:not-allowed //是一个红色的圈加一个斜杠,表示禁止的意思原创 2021-08-20 13:33:26 · 1344 阅读 · 0 评论 -
多表单校验:(手机号、数字、身份证、空值)校验规则与单表单部分校验
一般校验规则一般用elementUI表单手机号校验var checktel = (rule, value, callback) => { let mobileReg = /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/; if (mobileReg.test(value)) { return callback(); } else {原创 2021-08-20 10:18:18 · 595 阅读 · 0 评论 -
根据Element-UI的树形控件插入文件并下载
根据Element-UI的树形控件下载文件效果图上代码<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" icon-class="el-icon-arrow-right" > <span class="custom-tree-node" slot-scope="{ node, data }">原创 2021-08-18 15:40:59 · 223 阅读 · 0 评论 -
vue生成二维码并下载
根据url生成二维码首先安装组件npm i qrcodejs2在页面上进行引用import QRCode from 'qrcodejs2'使用方法CreatCode(){ this.hostUrl=BASE_URL; // 设置二维码的样式 var qrcode = new QRCode(document.getElementById("qrcode"), { width:60原创 2021-08-18 15:09:55 · 288 阅读 · 0 评论 -
在Vue中引入echarts
在Vue中引入echarts第一步:通过npm安装echarts依赖包npm install echarts -S**-第二步:在main.js中引用import * as echarts from 'echarts'Vue.prototype.$echarts = echarts第三步:实际.vue文件使用中报错在页面上添加引用import * as echarts from 'echarts'...原创 2021-08-09 17:05:16 · 261 阅读 · 0 评论