logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【拿来即用】前端实现上传excel文件功能,并处理好数据传给后端

上传excel功能并前端解析成数据传给后端需要用到xlsxcnpm install xlsx --save组件内注册一下import XLSX from "xlsx";结构部分直接复制<el-form-item><el-uploadclass="upload-demo"ref="upload"action="#":http-request="import

文章图片
#前端
vue后台管理系统计算入职天数

计算入职时间:拿到后台入职时间,当前时间减去入职时间,取个整就能得到天数。写在计算属性内,写return可以让这个方法直接插值用,因为有返回值computed: {days(){//计算入职天数let target=new Date(this.time);let now=new Date();return Math.floor((now-target)/1000/60/60/24)}},creat

#javascript#css3#es6 +2
【通俗易懂】vue-elementul实现树形数据表格,后台返回的扁平化数组进行树形结构转换处理

效果图需求是做一个这种的多层级表格,树形数据表格。大家可能遇到的问题一种是不知道如何做这种多层级的表格一种是后台给自己返回的数据不是树形的,也就是没有子父级。全是一条条的扁平化数组。类似这样而我们需要的结构是这样那么问题就来了,我们如何把这一段数据给处理转换成树形结构呢。我在网上看了好多的帖子学习,发现很多都是写的很复杂或者只写了一部分,那我就来弄一个全覆盖的额好了,从如何做表,到万一给你的是扁平

文章图片
#elementui#算法#javascript +1
vue-echarts线型图和横向柱状图(条形图)

效果代码(一个是左边图的代码,一个是右边的,注释写上了,可以更改,需要进入页面就渲染就在mounted内调用一下这两个)注意:echarts图需要容器有高度才能显示。如果需要动态的高度可以用vh和百分比设置,可以用css3函数calc来动态计算。比如这样://图表自适应高度.eee{height: calc(100vh - 390px);width: 100%;}dom部分:<!-- ech

#css3#vue.js#javascript +2
vue-elementul实现表格中百分比相加等运算

效果图思路很简单,百分比属于字符串,没法进行加减乘除操作,那我们就想办法把他数字部分提取出来然后运算完了再拼接一个%不就搞定了吗。上代码//表格数据tableData: [{tire_specifications: "测试",forming_specifications: "测试",Forming_machine: "测试",num_of_inspections:78

#javascript#elementui
vue移动端表格,超出横向滚动,固定第一列

效果图html结构表格数据对应渲染功能实现思路:其实看代码就能了解了,就很简单的用循环数组,然后把数组中的每一项对应放在一个位置就行了。这样循环几个,就有几列数据,后台传过来的数据就分成两个,一个就是第一列的科目,另外的就是后面的每个人的名字和他的成绩,只需要循环放在对应位置<!-- 表格部分 --><div ><div><van-notice-

文章图片
#css
【解决全屏ESC和F11问题】vue实现全屏和退出全屏功能,实现让某一个元素全屏功能

全屏功能已经解决了因为点击按钮进入全屏后用户按ESC退出了全屏导致再点击按钮不生效问题,解决了因为按F11全屏后按ESC键不生效无法退出全屏,同时退出全屏的按钮点击也不生效的问题。单个元素全屏代码<template><div><p>这个是点击后单个绑定的元素会全屏</p><el-button type="primary" @click="ful

文章图片
#vue.js
vue做个简单的系统通知页面思路

简单的系统通知页面写法消息通知页面:通过定时器定时请求,拿到数据然后加到一个数组内,页面上循环数组渲染,这样定时请求到新数据就放进数组页面也多一个通知,加个判断看数组内是否有一样的,如果有就不添加了,没有就添加。如果用户点击删除就发请求删除数据库里对应的消息,下次请求渲染这条就没了,如果用户不删除,一直放着,就用 created 每次进入页面的时候请求后台,拿数据放到数组内循环渲染一次页面,就可以

#html5#es6#css3 +1
vue-elementul实现表格求和以及求平均值方法,最简单的方法

老规矩,先上效果图这是拿到了需要的数据打印后看到的结果上代码表格 tableData 的数据是我瞎写的,大家对照自己的来哈,需要拿什么数据换成什么,我随便在name改成了数字,所以我遍历的就是每一个的name。<script>export default {data(){return{//表格数据tableData: [{date: '2016-05-02',name: 20,

#vue.js
vue获取package.json中version版本号并在页面中显示

很简单,就两部第一步:引入package.json这里注意记得改路径!!import config from '../../../package.json'第二步:使用console.log(config.version);如果要再页面上使用,就把config.version赋值给一个变量,然后变量直接插值放到页面需要的位置上就行了。以后编译的时候改下版本号就可以页面上的同步变动版本号显示。...

#json#vue.js
    共 38 条
  • 1
  • 2
  • 3
  • 4
  • 请选择