小杨的羊-CSDN博客

原创 el-form 表单校验，动态添加及取消校验字段

el-form 表单校验，动态添加及取消校验字段设置待校验字段let fieldsToValidate = ['字段1','字段2','字段3','字段4','字段5'];//可以根据需求向数组中push需要校验的字段校验方法Promise.all( fieldsToValidate.map((item) => { return new Promise(function (resolve, reject) { _this.$ref

2022-04-12 15:39:44 2025

原创 el-form的验证表单（全表-部分-单个）字段

1、全表校验this.$refs.czxxInfo.validate((valid) => { if (valid) { } })2、部分校验let fieldsToValidate = ['name', 'name1','name2','name3']; Promise.all(fieldsToValidate.map(item => { return new Promise(function (resolve, rej

2022-02-24 16:29:21 930

原创 Vue图片懒加载vue-lazyload-使用

1、安装插件npm install vue-lazyload --save-dev2、在main.js中引用import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload) // or with options 也可以直接在这里设置参数Vue.use(VueLazyload, { preLoad: 1.3, //预加载的宽高比 | 可选 error: 'dist/error.png',//图片加载失败时使用的图片源 lo

2021-10-21 13:52:59 110

原创＜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 1499

原创自制横向时间线

效果图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 1151

原创禁用-鼠标滑过显示红色禁用符号

鼠标滑过显示红色禁用符号cursor:no-drop //是一个红色的圈加一个斜杠，表示禁止的意思 cursor:not-allowed //是一个红色的圈加一个斜杠，表示禁止的意思

2021-08-20 13:33:26 1262

原创多表单校验：（手机号、数字、身份证、空值）校验规则与单表单部分校验

一般校验规则一般用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 580

原创根据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 211

原创 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 277

原创在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 258

原创时间戳转换成年月日时分秒

1、转换成年月日dateFormat(str) { let date = new Date(str); let res = date.getFullYear(); if (date.getMonth() < 9) { res += '-0' + (date.getMonth() + 1); } else { res += '-' + (date.getMonth() + 1); }

2021-08-02 16:36:19 820

yang_NC的博客