随笔分类 -  vue

echarts自定义legend图例
摘要：本次使用vue3、echarts版本使用5.4.1：执行命令：npm install echarts@5.4.1,即可安装 utils文件夹下定义echarts.ts,按需引入 main.ts引入utils中定义的echarts.ts import echarts form './utils/ech 阅读全文
posted @ 2023-03-13 11:14 bud 阅读(2507) 评论(0) 推荐(0)
vue数组传值到后端
摘要：const arrays= ["zhangsan","lisi"] 请求方式：GET vue前端: getDetailList({arrays:arrays}).then((res) =>{ //处理查询回的数据 }) 后端： @GetMapping("/getDetailList") public 阅读全文
posted @ 2022-02-17 16:37 bud 阅读(2931) 评论(0) 推荐(0)
vue+elementUI表格实现自定义右键菜单
摘要：组件代码： <template> <div id="contextmenu" class="contextmenu open"> <ul class="dropdown-menu" style="min-width: 130px;"> <template v-for="item in menuIte 阅读全文
posted @ 2021-05-08 10:51 bud 阅读(2750) 评论(0) 推荐(0)
vue下载zip包到本地
摘要：<script> import axios from 'axios' export default{ methods: { downloadZip (downloadName， downloadPath) { axios.get('/downloadZip', { downloadPath: dow 阅读全文
posted @ 2021-04-28 11:09 bud 阅读(2494) 评论(0) 推荐(0)
element-ui动态表单验证
摘要：由于项目中固定标签的数据是由后端查询回来的数组，需要进行表单验证，代码如下： <template> <div class="form"> <el-form ref="basicForm" :model="formData" :rules="rules" > <template v-for="(ite 阅读全文
posted @ 2021-04-28 10:44 bud 阅读(350) 评论(0) 推荐(0)
vue-element-admin框架连接yapi配置vue.config.js
摘要：devServer: { host:'localhost', port:port, proxy:{ [process.env.VUE_APP_BASE_API + '/admin']: { //配置proccess.env.VUE_APP_BASE_API target: `http://192.1 阅读全文
posted @ 2021-03-25 16:03 bud 阅读(429) 评论(0) 推荐(0)
vue axios传值到后端报错问题
摘要：原因：axios使用post方法传输数据给后端默认为json格式，会导致跨域问题 原理：qs是查询字符串解析和将对象序列化的库 qs.stringify() 将对象序列化成url的形式，以&进行拼接 qs.parse() 将url解析成对象形式 import axios from 'axios' i 阅读全文
posted @ 2021-03-17 10:27 bud 阅读(308) 评论(0) 推荐(0)
vue页面多表单验证保存
摘要：页面中有多个表单需要验证，可以使用以下方法： export default { data: { return { addOrEditVo: { name: '', description: '', aliasName: '', params: [] }, formArr: ['basicForm', 阅读全文
posted @ 2021-03-17 10:24 bud 阅读(706) 评论(0) 推荐(0)