![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
圈圈年年
这个作者很懒,什么都没留下…
展开
-
vue表格高度自适应屏幕,分页固定在底部
像这样 表头固定 在表格里面滚动 切换不同高度的屏幕也能自适应,分页固定在底部 created () { //获取屏幕高度 let screenHeight = document.documentElement.clientHeight - 350 + "px"; this.$nextTick(() => { this.Height = screenHeight; }) } mounted () { const that = th.原创 2021-09-24 10:21:01 · 5481 阅读 · 2 评论 -
vxe-table行列计算
(此篇为转载,记录备忘)实现功能根据树状结构数据,在vxe-table可编辑表格表格中实现如下功能:每一行的第一列数据等于当前行数据的和;父类的每一列数据等于子类每一项相加;自定义计算的单元格禁用,其余单元格可编辑数据。实现效果图完整代码<template> <!-- activeCellMethod: 判断单元格是否禁用 --> <vxe-table border resizable highlig转载 2021-08-05 17:02:46 · 1723 阅读 · 0 评论 -
【备忘】Element-ui组件库Table表格导出Excel表格
点击“点击导出”按钮后下载sheetjs.xlsx文件(导出文件)Element组件库中的el-table表格导出需要的主要是两个依赖:(xlsx 和 file-saver)npm install --save xlsx file-saver<template> <div class="table"> <!--给表格添加一个id,导出文件事件需要使用--> <el-table :...转载 2021-07-27 10:43:42 · 129 阅读 · 0 评论 -
el-select下拉框传值同时传key和value
<el-select v-model="jobName" placeholder="职位" clearable > <el-option v-for="item in jobNameOptions" :key="item.jobCode" :label="item.jobName" :value="item.jobCode" > </el-option> </el-select>从接口取到值以后,展示的是jobName,而v-m..原创 2021-07-23 10:45:20 · 4736 阅读 · 1 评论 -
若依项目带子路径部署
1.vue.config.js修改vue.config.js中的publicPath和outputDir 为要添加的子路径:2.添加base指令在路由脚本中src\router\index.js3.需要对vue项目中的location.href 添加项目子路径4.修改后端访问地址target转载 2021-07-19 10:55:11 · 2159 阅读 · 1 评论 -
gitlab版本控制
每次修改完之后 这样写一下注释,如上‘delete’,然后点击commit。然后每次上传之前,都要先把组员的拉下来,如下fetch。然后自己的改完之后,要合并,如下merge changes。然后再push原创 2021-03-15 15:46:23 · 97 阅读 · 0 评论 -
可选择页数的分页
<el-pagination style="margin-top: 30px" background layout="sizes,prev, pager, next" :total="countLine" @current-change="onCurrentChange" :page-size="pageSize" :page-sizes="[5, 10, 15, 20]" ...原创 2021-03-04 14:38:51 · 206 阅读 · 1 评论 -
下载文件(接口中返回的路径)
<el-button type="primary" @click="outputMeetingStatistics">导出评分信息</el-button>outputMeetingStatistics(){ //导出评分excel let big=this.queryBigType let classCode=[] for(var i=0;i<big.length;i++){ let bigString=big[i]..原创 2021-03-04 14:26:59 · 373 阅读 · 1 评论 -
element文件上传
<!--货品图片上传--> <el-upload ref="uploadImg" class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :before-upload="fileBeforeSuccess" :file-list="fileL...原创 2021-03-04 14:11:23 · 137 阅读 · 1 评论 -
一些正则表达
/* 合法uri*/export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]原创 2021-03-03 15:05:44 · 104 阅读 · 1 评论 -
vue element 上传文件 formdata 把文件格式转换成blob格式
let fileSure2 = this.fileUp2 let formdata = new FormData(); let blob = new Blob([fileSure2], { type: "image/png, image/jpeg"}); formdata.append('photo', blob,this.fileName2)把保存下来的文件fileSure2 转换成Blob格式原创 2021-03-03 14:48:18 · 2188 阅读 · 1 评论 -
elementUI 清空表单
想在点击取消新建和确定新建的时候都清空表单,不想让下次新建的时候还带着上一次的填的。要给带ref属性,并在每一个里面的表单项加prop属性。$refs里面的名字和上面定义的ref名字统一。...原创 2021-02-07 13:47:40 · 864 阅读 · 1 评论 -
localStorage和jwt的问题记录,取到本地缓存里面的信息展现在页面上
在调用登录接口后,把得到的user数据都用localStorage存到本地,用setItem。然后在request.js里面,用getItem取到它。(注意格式,把他从字符串转为对象)这是user的返回结果,userObj.jwt 这样取到jwtps:userObj是user转换为对象所以呢,在登录进来后的首页,就可以再次通过本地存储里的缓存去到user里面的信息,包括要展示的name,或者phone。这样user.name就可以在页面展示出来。...原创 2021-01-27 14:17:54 · 388 阅读 · 0 评论 -
vue打包后图片css中背景图路径不对
问题描述:自己在自学vue做项目的过程中,遇到一个有关背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图:当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包后,访问dist目录下的项目,页面背景图路径就不对了,显示不出背景图。如下两张图对比:图一:使用npm run dev命令访问图二:使用npm run build命令打包之后,访问dist目录下的文件,出现的问题,背景图片路径变成了http://127.0.0.转载 2020-12-11 14:43:01 · 287 阅读 · 0 评论 -
vue表单信息提交(数据传到后台接口保存)
提交按钮 <md-button type="primary" @click="onSubmit" round>提交</md-button>绑定的onSubmit事件 onSubmit(){ Dialog.confirm({ title: '确认', content: '确认提交', confirmText: '确定', onConfirm: () => console.log('[Dialo原创 2020-12-07 12:59:16 · 11197 阅读 · 3 评论 -
vue用axios从后台获取数据
1.安装axiosnpm install --save axios vue-axios2.在main.js中引入import axios from 'axios'Vue.prototype.axios = axios;// 将axios挂载到prototype上,在组件中可以直接使用this.axios访问3.在main.js中引入接口地址Vue.prototype.serverURL = 'http://10.3.12.34:8081';4.在对应需要的组件中的methods中定义一原创 2020-12-03 15:52:21 · 3490 阅读 · 0 评论 -
vue配置移动端大小比例,自适应大小,转换成rem格式
1.在index.html中,加上<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0, maximum-scale=1.0">2.在package.json中引入:"postcss-pxtorem": "^4.0.1",3.在.postcssrc.js中加入'postcss-pxtorem': { 'rootValue': 30, 'pr.原创 2020-12-01 09:19:25 · 789 阅读 · 0 评论 -
webstorm在打包时的路径配置问题
在config/index.js文件中,找到build,路径如上配置,生成的dist文件夹路径就不会错了。原创 2020-12-01 09:06:38 · 807 阅读 · 0 评论