随笔分类 -  vue

vue中的一些坑
JSON与excel之间的相互转化(Vue)
摘要：这几天项目中有个需求，是对数据进行批量操作 上传时候需要把excel转为json发给后端，而在导出时需要将json转为excel文件 我是借用了xlsx这个库来完成的，在此记录一下 先npm i xlsx安装相关依赖 设置一个input用于 <input type="file" name="file 阅读全文
posted @ 2021-05-26 13:36 Monday1997 阅读(1007) 评论(0) 推荐(0)
qs.stringfy序列化处理入参( a:[1,2,3,4] => a=1&a=2&a=3&a=4 )
摘要：在开发中用axios请求时，偶尔需要使用qs对数据做如下处理， a:[1,2,3,4] => a=1&a=2&a=3&a=4 在此记录一下 axios是自带qs因此无需再下载，可直接操作qs.stringify(params, ), import qs from 'qs ... //引用时将para 阅读全文
posted @ 2021-05-18 16:26 Monday1997 阅读(488) 评论(0) 推荐(0)
vue中具名插槽传值
摘要：父级 <temp> <template v-slot:slot1="slotProps"> {{slotProps.slotData}} </template> </temp> 子级 <slot name="slot1" :slotData = "'sssss'"></slot> 阅读全文
posted @ 2021-05-18 16:11 Monday1997 阅读(1460) 评论(0) 推荐(0)
vue打包时配置不同的环境变量(vue-cli4)
摘要：vue打包时配置不同的环境变量(vue-cli4) 以配置测试环境test为例 1、在package.json文件中配置script文件 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", 阅读全文
posted @ 2021-04-26 00:09 Monday1997 阅读(1231) 评论(0) 推荐(0)
vuesocket.io在单文件中使用（进入到单文件再发请求）
摘要：文件中单独使用vuesocket.io 最近的vue项目中需要使用到长链接,了解了一番后决定用vue-socket.io来操作，但是网上的教程大多是直接在main.js中直接发起长链接,而我的项目是需要在指定的页面开启，并不是直接查看。下面是我的解决方案(参考的是github上该项目issue中的解 阅读全文
posted @ 2020-12-10 18:36 Monday1997 阅读(1084) 评论(0) 推荐(1)
el-tree设置默认展开及选中
摘要：设置默认展开 将default-expanded-keys的值设为想展开的node-key值对应的数组即可,此处的choiceId设置为常量1，展开的是id为1的节点 <el-tree ref="tree" :data="treeData" highlight-current node-key="i 阅读全文
posted @ 2020-10-26 15:49 Monday1997 阅读(30514) 评论(0) 推荐(1)
Vue项目中解决跨域问题
摘要：背景：由于浏览器的同源政策，在不同协议、域名、端口时进行数据访问将会出现跨域问题 常见的解决方式有以下几种 jsonp跨域 利用script天然的跨域属性进行跨域操作 jquery ajax实现 $.ajax({ url: 'http://www.test.com:8888/getData', ty 阅读全文
posted @ 2020-09-03 18:18 Monday1997 阅读(1539) 评论(0) 推荐(1)
wangEditor服务器上传图片(Vue使用)
摘要：这两天在用wangEditor的时候在上传图片的时候遇到一些问题 有些地方也没有直接贴出源码只是贴了一些伪代码， 这里我将我练手的项目demo贴出来，这里只是例举了我的方案，具体操作建议观看 "官网" [toc] 基本配置 如下 请求头 还有一个是请求头，后台在上传文件的时候需要添加请求头验证，此处 阅读全文
posted @ 2020-05-12 18:30 Monday1997 阅读(12190) 评论(0) 推荐(0)
vue的框架vant中的upload上上传头像操作
摘要：参考[官网对应链接] (https://youzan.github.io/vant/ /zh CN/uploader)可查看具体使用方法 1、按照官网方法引入对应的组件 2、直接使用 模块 3、在上传完成后我们需要获取文件对象并上传至服务器,此处利用的是after read属性完成， 获取对象之后转 阅读全文
posted @ 2020-05-05 16:15 Monday1997 阅读(4791) 评论(0) 推荐(0)
space-between最后一栏的填充问题（不使用v-if）
摘要：在采用弹性布局，接着使用 来进行操作的时候会遇到如下问题 也就是说当栏目数目不够，无法填充完整一栏的时候就会出现这种情况 解决方法如下（代码下有解析），此处我用的是vue 第一步 以四列为例 首先和大家想的一样， 是利用 取余的方式对整个长度进行取余，然后用每行的个数减去余数得出需要填充的div数目 阅读全文
posted @ 2020-05-03 12:57 Monday1997 阅读(656) 评论(0) 推荐(0)
如何在vant中的tab中添加"+"用来增减栏目
摘要：在使用vant时，有时候我们需要设置tab栏目，我们会选择使用vant中的 "tab标签页" 效果如下 我们可以控制他的多个属性，而且可以选择是否滑动切换等，十分方便 然而有时候我们需要做这种业务： 而vant中的tab没有这个功能我们则需要自己进行配置 首先将tab的宽度进行限制，给 留出空间 之 阅读全文
posted @ 2020-05-03 00:15 Monday1997 阅读(1452) 评论(0) 推荐(0)