其他不想分类
文章平均质量分 59
其他不想分类
陈怂怂
记录学习过程,记录学习遇到的问题。哈哈哈,看到一句话:Talk is cheap. Show me the code.
展开
-
element input 输入框校验
element input 输入框校验原创 2023-03-02 11:30:45 · 2342 阅读 · 1 评论 -
CSS实现--会动的小爱心
CSS实现–会动的小爱心520要到了,尽管拿去表白吧,可以加点背景音乐,加上名字哦,更nice哦~html部分代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱心</title> <link rel="stylesheet" href="demo.css"></head><bod原创 2020-05-14 11:55:27 · 2865 阅读 · 0 评论 -
vue select 分页加载数据(懒加载)
有时候下拉数据量过大,会出现卡住的现象。本文就是解决这个问题,实现下拉框分页加载。在 el-selec 上 加 v-el-select-loadmore 指令(在下面定义)<template> <el-form :inline="true" size="small"> <el-form-item label="小区"> <el-select v-model="reqParams.communityId" v-el-原创 2021-08-18 14:36:20 · 4352 阅读 · 12 评论 -
element el-cascader 级联回显 多选回显
element el-cascader 级联回显 多选回显不多说了,直接上代码<template> <div id="app"> <el-card class="box-card"> <el-form ref="form2" :model="form2" label-width="80px"> <el-form-item label="回显"> <el-cascader原创 2021-07-16 16:49:11 · 6756 阅读 · 0 评论 -
js中的迭代方法(every、some、filter、map、forEach)
js有五个迭代方法,分别为:every、some、filter、map、forEach1.everyvar arr = [0,1,2,3,4];var everyResult = arr.every((item, index) => { return item > 2;});console.log(everyResult); //false对数组每一项运行指定的函数(item>2),该函数对每一项都返回true,则返回true。2.somevar arr = [0原创 2021-06-15 11:37:06 · 573 阅读 · 4 评论 -
使用 Lodash.groupBy 重组数据
原本的数据格式: mapList: [ { everyCount: 5, name: "NB 物联网表", code: "nb", id: "8cfc89181f664c629e4d7c66fb830e81", rate: 100 }, { everyCount: 6, name: "NB 物联网表",原创 2021-05-26 10:57:46 · 8878 阅读 · 0 评论 -
vue 表格嵌套表格 实现上移下移置顶置底
vue 中实现上移下移置顶置底排序1.使用数组splice方法交换位置实现上移、下移功能2.使用数组splice、unshift、push方法实现置顶、置底功能主要就是以下代码:// 置顶 handleTop(index, row, type) { // 将要置顶的元素存储后删除 const temp = this.tableData.splice(index, 1)[0]; // 将元素unshift到数组第一位 this.table原创 2021-04-07 14:21:33 · 1995 阅读 · 9 评论 -
Vue导出页面为PDF格式,解决PDF中图片不显示(跨域)
实现Vue导出页面为PDF格式【笔记】首先需要安装两个工具:npm install --save html2canvasnpm install jspdf --save 创建htmlToPdf.js 文件,个人习惯放在plugins文件夹中,具体代码如下:// 导出页面为PDF格式import Vue from "vue"import html2canvas from "html2canvas"import JSPDF from "jspdf"const htmlToPdf = {原创 2021-03-31 09:53:44 · 3478 阅读 · 1 评论 -
element-ui +vue 实现 表单中包含表格的校验
element-ui 表单中包含表格的校验本篇文章实现的是下图的效果:直接上代码:<template> <div id="app"> <h2>表单里面存在表格的校验</h2> <el-card class="box-card"> <el-form :model="form" :rules="rules" ref="form" class="demo-ruleForm"> <e原创 2021-03-30 17:55:37 · 547 阅读 · 1 评论 -
vue+element-ui 表格嵌套表格实现和勾选问题解决
vue+element-ui 表格嵌套表格的实现主要是根据element-ui提供的type="expand"属性来实现,数据都是写死的数据哈~~~<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="children" type="expand"> <template slot-scope="slots原创 2021-03-03 17:50:28 · 8299 阅读 · 32 评论 -
element 输入框只可以输入正整数
正则表达式今天再项目中用到正则,那就整理一下正则和相关的一下知识点哈。一、表单中输入框只可以输入正整数写法一:<el-form-item label="时限2" prop="time2"> <el-input :value="params.time2" @input="changeValue" placeholder="请输入" clearable type="text" /></el-form-item>changeValue(value) {原创 2020-11-30 17:38:21 · 14609 阅读 · 2 评论 -
audio的播放没有声音的问题
今天遇到一个audio 播放没有声音,让我们来看一下代码: <audio id="audio" ref="audio"> <source :src="voice.url" /></audio><p class="el-display"> <span class="el-display__title">语音描述</span> <span class="el-display__content">原创 2020-11-19 14:45:23 · 5218 阅读 · 0 评论 -
element使用问题
一、el-input 在框中加单位<el-form-item label="活动形式" prop="name"> <el-input v-model="form.name" placeholder="请输入" show-word-limit> <i slot="suffix" style="font-style: normal; margin-right: 10px;">次/每天</i> </el-input></el-form-原创 2020-11-13 11:02:46 · 360 阅读 · 0 评论 -
前端JS本年,本月,本周,七天前,前一天,时间获取问题
前端JS去年,本月,本周,最近七天,前一天,时间获取本文获取的时间都是时间戳,在这里推荐一个在线时间戳装换的小工具:传送门一、最近七天 changeDate4(value) { //当前选择日期往前七天的日期 let date3 = new Date(value).getTime() - 8 * 3600 * 1000 let date1 = new Date(value).getTime() - 8 * 3600原创 2020-07-22 14:57:37 · 2668 阅读 · 1 评论 -
Sqoop工具使用
Sqoop工具使用最近在整理大学时候的实验笔记或者是知识点笔记,希望能分享给大家,有问题希望指出来哦!快乐学习哦!实验环境Cent os 6.6Sqoop 1.4.4Mysql 5.1.x1.1 解压sqoopsqoop已经下载至 ~/downloads/,需要将其解压至 /usr/localsudo tar -zxvf ~/downloads/sqoop-1.4.4.bin__hadoop-2.0.4-alpha.tar.gz -C /usr/local如果机器上指定了resource原创 2020-05-14 11:23:07 · 380 阅读 · 0 评论