![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
一叶茶
我可以
展开
-
Vue3开发日记
vue3日记原创 2021-11-29 17:27:52 · 424 阅读 · 0 评论 -
trim去除字符串左右两侧的空格
去除字符串左右两侧的空格trim原理----去除左空格s.replace(/(^\s*)/g, '')-----去除右空格s.replace(/(\s*$)/g, '')------去两边s.replace(/(^\s*)|(\s*$)/g, '')原创 2020-12-10 11:26:04 · 644 阅读 · 0 评论 -
前端实现:滚动条样式修改
谷歌展示如图代码:/*滚动条整体部分,必须要设置*/::-webkit-scrollbar{ width: 8px; height: 8px; background-color: transparent;}/*滚动条的轨道*/::-webkit-scrollbar-track{ background-color: transparent;}/*滚动条的滑块按钮*/::-webkit-scrollbar-thumb{ border-radius: 10px;原创 2020-06-05 17:44:19 · 2064 阅读 · 1 评论 -
vue实现动态查询,查询字段以及类型由后端返回,展示的表格字段也由后端控制
需求: 因为需求变更快,需要经常增加查询字段,更改较为麻烦,因此需要做一个通用的动态查询组件,每次变更不由前端控制,而是修改配置文件即可。一、动态查询解决思路: 定好前端需要的几种查询类型,返回格式,以及默认数据等等,利用前端的基础24 分栏布局开发一个通用的组件。实现效果如图:除了查询按钮外,其余数据,包括查询条件的位置全由后端控制。功能拓展:该组件同样可以用于其他地方,比如动态展示详情页面,由后端返回详情页面需要展示的key、val...原创 2020-06-05 17:39:57 · 2282 阅读 · 3 评论 -
vue项目实现文件下载
一、如果下载接口不需要token,可使用a标签,直接下载。二、如图所示,最后解决 1 getDownload(urls, fileName) { 2 var url = urls; 3 var xhr = new XMLHttpRequest(); 4 xhr.open("get", url, true); 5 xhr.setRequestHeader("Content-type", "a原创 2020-06-05 17:02:01 · 564 阅读 · 0 评论 -
从别的地方克隆了代码后,需要提交到自己创建的github项目中,报错git fatal: 远程 origin 已经存在
报错:git fatal: 远程 origin 已经存在。从别的地方克隆了代码后,需要提交到自己创建的git中。提示上面信息。或者第一次将地址配错了,需要修改远程地址。需要将远程地址删掉。git remote rm origin然后执行正常的提交程序git remote add origin xxxx.gitgit add.git commit -m 'xxx'git push --set-upstream origin master...原创 2020-06-05 16:59:40 · 235 阅读 · 0 评论 -
vue+element开发项目,使用tab页的时候导致浏览器卡死的解决办法
el-tabs导致浏览器卡死问题用了vue-element-template模版二次开发,项目中需要用到el-tabs结果一用就卡死。根据网上建议,在<el-tab-pane>标签里不放任何元素,可以。但是无法满足项目需求。于是继续找,最后确定是element和vue版本冲突问题。目前elemntUI的最新版本是2.13.0,vue版本是"vue": "^2.6.11","vue-aplayer": "^1.6.1","vue-rout...原创 2020-06-05 16:57:56 · 1501 阅读 · 0 评论 -
前端vue项目中上传文件时无法上传与上一次相同的文件,使用el-upload解决方法
需求是:上传文件前提是:上传文件的接口IP是不固定的。因此不能写死。第一次解决方法:使用h5自带的input type=file时,使用change触发上传事件<input class="exportss" type="file" id="fileExport" @change="handleFileChange" ref="inputer"> const inputDOM = this.$refs.inputer this.file = inputDO原创 2020-06-05 16:54:07 · 3308 阅读 · 1 评论