![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
背书包的甜瓜
这个作者很懒,什么都没留下…
展开
-
vue 可自主适配rem
vue 适配rem原创 2023-01-29 16:42:09 · 234 阅读 · 0 评论 -
js flie图片流转base64
vue flie图片流转base64原创 2023-01-18 11:46:19 · 393 阅读 · 0 评论 -
vue3+element 封装el-input
search组件<template> <div class="contain"> <el-input class="input" v-model="value" @change="onInput" :placeholder="placeholder"></el-input> </div></template><script>import { defineComponent, re原创 2022-03-29 17:35:27 · 2399 阅读 · 1 评论 -
js 前端实现验证码
let code = '' let codeLength = 4 //验证码的长度 let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z') //随机数 for (l.原创 2021-11-03 19:52:58 · 272 阅读 · 0 评论 -
vue element 递归左侧菜单栏,可收缩
调用的地方TreeMenu为递归菜单组件<template> <div class="bgk"> <div class="leftMenuBk" :style="isCollapse"> <el-scrollbar class="scrollbar-wrapper"> <div> <i :class="[isSh.原创 2021-10-25 10:11:51 · 871 阅读 · 0 评论 -
vue封装websocket建立心跳并使用
新建websocket.jsvar websock = null;var global_callback = null;function initWebSocket(url){ //初始化weosocket // 处理地址转化ws // if(url.indexOf('https')!=-1){ // url='ws'+url.substring(5) // }else if(url.indexOf('http')!=-1){ // url='ws原创 2021-07-12 10:24:03 · 654 阅读 · 1 评论 -
vue :style动态传值并修改样式
html<div :style="classObject(item)">传值过去</div>js computed:{ classObject:function () { return function (params) { // 计算值 if(/*********/){ return {'color':"#ffffff".原创 2021-06-29 09:57:50 · 2183 阅读 · 0 评论 -
vue + element 取消表格背景 不固定列
<template> <div> <el-table :data="tableData1" border stripe> <el-table-column v-for="(item, index) in tableCols1" :key="index" :prop="item.name" :label="item.label" :width="item.width"></el-table-column> .原创 2021-04-08 10:11:58 · 267 阅读 · 0 评论 -
vue 使用Export2Excel导出
先安装依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader在src下新建vendor文件夹然后创建 Blob.js(复制粘贴就可以)/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin原创 2021-02-23 16:30:15 · 337 阅读 · 0 评论 -
contos7 安装Apache以及配置vue项目
自己练手,留个记录,以防忘记安装Apacheyum install httpd -y查看Apache 运行状态systemctl status httpd.service启动Apache 服务systemctl start httpd.service重启Apachesystemctl restart httpd.service查看防火墙状态firewall-cmd --state开放和关闭端口firewall-cmd --zone=publ..原创 2020-09-10 15:16:14 · 204 阅读 · 0 评论 -
vue axios封装,分页封装
自己练手用,防止忘记在src下面新建utils文件夹,然后再新建rquest.js,然后开始封装/** * ajax请求配置 */import axios from 'axios'import { Message } from 'element-ui'// axios默认配置axios.defaults.timeout = 10000 // 超时时间// axios.defaults.baseURL 请求地址前缀// User地址// axios.defaults.baseUR原创 2020-08-25 10:53:03 · 723 阅读 · 0 评论 -
vue element select+ztree(滚动条优化),周选择器获取开始时间和结束时间,input+ztree
练手用过的,防止忘记<template> <div> <el-select v-model="value" placeholder="请选择"> <el-option v-model="value" class="overflow" style="height:200px;overflow-y: auto;"> <el-tree :data="data" :props.原创 2020-07-10 10:02:36 · 649 阅读 · 0 评论 -
vue element 添加 input 回车事件
在 from 表单上添加 组织默认提交方式@submit.native.prevent在el input 上添加@keyup.enter.native="getList"原创 2020-06-01 16:21:08 · 731 阅读 · 0 评论 -
vue 子组件向父组件传递多个事件和值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- <script src="https://cdn.jsdelivr.net/np.原创 2020-05-14 16:47:23 · 1538 阅读 · 0 评论 -
vue element 自定义合计行
思路:先输出合并的数据,根据输出值,构造自己需要的数据上代码// 不写完整的代码的了,把重要的东西写一下就可以了 // show-summary:是否显示合计列 :summary-method="getSummaries"自定义合计 <el-table :data="tableData" :summary-method="getSummaries" show-summar...原创 2020-04-26 09:35:44 · 1974 阅读 · 0 评论 -
EChart多柱状和折线图定时刷新实时数据(vue和原生js都可以)
思路:1、整合数据,将柱状图和折线图需要的数据分类 2、熟悉图表 3、显示 4、执行完一次,清空一次数据上代码(使用vue+element+axios)setChart1(){ setTimeout(() => { // 返回数据量大,需要需要过程 this.zzt...原创 2020-03-27 12:43:40 · 1787 阅读 · 0 评论 -
js 获取开始时间和结束时间相隔小时及分钟(时间戳操作)
思路:将两个时间装换成时间戳,然后结束时间减去开始时间,然后计算得到间隔的 小时 及分钟数上代码 var st = this.form5.abnormalStartDate // 开始时间 var stsjc = new Date(st).getTime()/1000; // 将开始时间 转换成时间戳 var ed = this.form5.abnormalEndDa...原创 2020-03-26 08:46:43 · 4296 阅读 · 0 评论 -
vue v-for设置<tr>自定义颜色
思路:先绑定 style ;绑定之后判断并设置颜色HTML格式<tr v-for="(item, index) in dayTJList" :key="index" v-bind:style="setStyle(item.Contents)"> <td>{{ item.Contents }}</td> <td>{{ i...原创 2020-01-07 09:44:50 · 1505 阅读 · 0 评论 -
vue 字符串补全长度,如果某个字符串不够指定长度,会在头部或尾部补全
ES6 引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部活尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。'a'.padStart(3, '0') // '00a''x'.padEnd(5, 'ab') // 'xabab''x'.padEnd(4, 'ab') // 'xaba'上面代码中,padStart()和padStart()一共...原创 2019-09-25 16:20:58 · 3450 阅读 · 0 评论 -
vue 获取select的值及动态添加option
前端代码<div id="app"> <select class="form-control con1" @change="changeProduct($event)"> <option value="" disabled selected>请选择</option> <option v-for="i...原创 2019-09-02 11:24:10 · 8346 阅读 · 0 评论 -
jq 动态添加table表格序号
原生jq和vue添加表格序号//注:动态添加序号,需要将这行代码放入for循环中// page: 当前页; per:每页显示条数; i:循环次数list += "<td>"+(parseInt(page)-parseInt(1)) * parseInt(per)+(i+1)+"<td>"; //原生jq构造表格//Vue添加序号...原创 2019-08-20 15:31:59 · 1010 阅读 · 0 评论