Vue
关注
分享
扫一扫
文章平均质量分 51
F小滚石R
这个作者很懒，什么都没留下…
展开
-
更改echarts的版本号
5版本中没有china.js,不能正常使用中国地图。Echarts 5.x 不再支持上面的引入方式。原创 2023-02-02 13:23:20 · 596 阅读 · 0 评论 -
vue 将文件url 改成文件流下载
vue 将后台返回文件url 改成文件流下载由于直接a 标签下载视频，音频会打开新的窗口，所以改用文件流下载一、图片 exportData(row) { console.log('row', row) const reqUrl = row.url const fileName = row.fileName downFile(reqUrl) .then((data) => { if (data) {原创 2021-11-19 17:14:51 · 4551 阅读 · 0 评论 -
vue 根据属性过滤树结构数据
如下为树结构数据，需要根据属性id 获取匹配的值// 树结构数据 export default { data() { return { searchId: 9, treeData: [{ id: 1, label: '一级 1', children: [{ id: 4, label: '二级 1-1',原创 2020-10-10 16:13:01 · 2588 阅读 · 4 评论 -
Echarts 饼状图更改起始角度，饼图显示百分比，修改legend文字样式和图标
Echarts 饼状图更改起始角度，饼图显示百分比，修改legend文字样式和图标更改饼图颜色修改legend文字样式和图标更改起始角度饼图显示百分比完整代码这是原始效果要实现如下效果更改饼图颜色直接在option内设置 colorlet option ={// 设置颜色 color: ['#4D96BE', '#3EFFE8', '#42CAEB'], title: { show: false }, ......修改legend文原创 2020-07-27 20:10:10 · 5020 阅读 · 0 评论 -
vue-cli 前端服务器代理 proxyTable配置解决跨域
vue-cli 前端服务器代理 proxyTable配置解决跨域proxyTable是什么如何配置proxyTable是什么在使用 vue init webpack my-project-vue 创建vue 项目时在config目录下的 index.js 文件有一个proxyTable配置proxyTable是vue-cli提供的解决vue开发环境下跨域问题的方法，proxyTable的底层使用了http-proxy-middleware，它是http代理中间件，它依赖node.js，基本原理是用原创 2020-07-27 18:53:04 · 1015 阅读 · 1 评论 -
vue element 前端上传文件后 后台传文件流blob对象下载文件
这里写自定义目录标题后台传文件流blob对象前端下载文件问题解决方案，转成bolb对象创建Blob对象创建链接后台传文件流blob对象前端下载文件问题在页面下载文件时，可以根据路径如 a 标签的 href="" ，但是有时将文件直接上传到后台做处理后回传到前端再去下载文件，这时后台返回的是文件流，并没有路径提供下载。解决方案，转成bolb对象Blob对象表示一个不可变的, 原始数据的类似文件对象。如下使用了element ui 的上传组件// 上传 <el-upload class原创 2020-07-24 10:41:54 · 7141 阅读 · 0 评论 -
Echarts 柱状图当值为0时不显示在图像顶部
在做柱状图时，遇到这么一个场景，如下图：当Sun值为0的时候这样显示看上去很不协调，于是配置当值为0的时候不显示在series配置项下加上如下代码// 以下为是否显示，显示位置和显示格式的设置 label: { show: true, fontSize: 18, position: 'top', formatter: func原创 2020-06-01 16:50:30 · 3518 阅读 · 2 评论 -
uni-app——简单的封装uni.request并挂载到全局
uni.request(OBJECT)为uni-app发起网络请求的方法。一般的uni.request示例如下：// 请求uni.request({ url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。 data: { text: 'uni.request' }, success: (r...原创 2020-03-24 16:29:12 · 5498 阅读 · 4 评论 -
vue项目使用定时器每隔几秒请求一次接口
vue.js项目，每隔5秒请求一次接口，接口有返回则停止请求，没有返回继续请求。先看两种定时器// 每隔设定时间调用一次函数setInterval(function(){}, milliseconds) //设定时间后只执行函数一次setTimeout(function(){}, milliseconds) 注意：单纯的使用setInterval会导致页面卡死！由于setInt...原创 2020-03-03 16:47:39 · 26291 阅读 · 0 评论 -
vscode格式化Vue，代码会自动加上分号的问题
vscode格式化Vue，代码会自动加上分号的问题vscode格式化Vue解决方法vscode格式化Vuevscode升级一次后，每次保存都会在代码后面自动加上分号，然后Eslint检测报错 Extra semicolon.eslint(semi)。解决方法解决方法一把"vetur.format.defaultFormatter.js": “prettier”,改为 “vetur.fo...原创 2019-09-16 15:05:25 · 13061 阅读 · 5 评论 -
vue中css处理文本不换行问题
vue中css处理文本不换行问题传来的数据中有空格或换行的时候，在用 v-text或v-html展示时不会换行，使用css属性// CSSdiv{white-space: pre-wrap;}原创 2019-07-19 10:49:11 · 1567 阅读 · 0 评论 -
VUE style scoped 内修改组件样式
VUE style scoped 内修改外部组件样式style scoped 内修改外部组件样式不生效的解决方法解决方法原因其他方法style scoped 内修改外部组件样式不生效的解决方法想修改项目中 ant Design 组件的样式，发现在< style scoped> 内直接修改并没有效果。解决方法当vue的< style>标签有 scoped 属性时，它的...原创 2019-06-19 15:55:39 · 3898 阅读 · 0 评论 -
vue 组件间传值
vue 组件间传值父子组件间的通信父子组件间的通信// <body> <div id="app"> <todo></todo> </div> <template id="tplTodoAdd"> <div><input type="text" v-model="input"&...原创 2019-04-12 13:59:39 · 134 阅读 · 0 评论