vue中post请求报400的解决
1、为默认数据格式为json,发请求时参数报错通过以下方式修改数据格式即可
import qs from 'qs';// import qs from 'querystring'const data = { 'bar': 123 };const options = { method: 'POST', headers: { 'content-type': 'application/x-www-form-urlencoded' }, data: qs.stringify(data), url,};axios(options);
2、检查发送的数据格式是否与后端要求相匹配，要求字符串，发送了数组也可能会出现400错误
vue打印echarts
思路将整个body的内容替换为弹窗的内容，打印操作完成之后还原echarts打印时未显示，通过将其转为img的方法进行打印
//打印触发的方法 print() { var that = this; var oldstr = document.body.innerHTML; // 获取当前页面内容用以还原 var div_print = document.getElementById("printTest"); // 获取要打印部分的内容 var cv = document.getElementsByTagName("canvas")[0]; //获取canvas var resImg = document.getElementsByClassName("resImg")[0]; //获取包裹canvas的标签 // 将canvas转为图片 var context = cv.getContext("2d"); var img = n ...
记一次vue+element项目中echarts的展示问题
展示前提：后台返回的是一段绘制用的js脚本，并是以父向子传参的方法传递过来，无法以正常的import方式使用echarts解决：
// 通过此方法引入echarts所需js文件methods:{ introduce(){ var script1 = document.createElement("script"); script1.src = "http://www.chinaops.cn/cloud/home/js/01/jquery-1.4.2.min.js"; document.head.append(script1); }},created(){ this.introduce();}
data(){ return{ script:null // 这是script标签 }},props:{ scr:"", // 这是传过来的js脚本},methods:{ intro ...
foreach循环json数组
定义一组数据如下
var obj = [ { name: "a", age: 1, }, { name: "b", age: 2, }, { name: "c", age: 3, },];
传入一个参数obj.forEach(function (element) { console.log(element);});
可见：一个参数时，foreach 循环的是 json 数组中的每个对象
传入两个参数obj.forEach(function (element, index) { console.log(element); console.log(index);});
可见：两个参数时，第一个参数是 json 数组中的对象，第二个参数是对应的 index 值
vue中axios的使用以及跨域问题的解决
在vue中使用axios 使用 npm install axios 安装 在main.js中添加以下代码
import Axios from "axios";Vue.prototype.$axios = Axios;
解决跨域问题 在config中的index.js修改ProxyTable为如下：
proxyTable: { "/api": { target: "后台提供的路径前缀", changeOrigin: true, pathRewrite: { '^/api': '' } } },
在某次使用时，出现修改后发生404的情况，解决方法如下：修改proxyTable
proxyTable: { "/api": { target: "后台提供的路 ...
自用VScode插件
Auto Close Tag
自动补充闭合标签
Auto Rename Tag
同步修改头尾标签
background-cover
全覆盖的背景图片
Beautify
代码格式化
Bracket pair color
括号颜色（三色）
Chinese
将 Vscode 语言改为中文
Color Info
提供 css 颜色信息
css-auto-prefix
自动补全 css3 代码
Document This
为函数添加注释块，快捷键：按两次ctrl+alt+D
Elm Emmet
代码提示
filesize
在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间
guides
添加引导线
HTML CSS Support
vscode 对 html，css 文件支持，便于你快速书写属性
html tag wrap
可以在选中 HTML 标签中外面套一层标签，快捷键：alt+W
Indenticator
突出目前的缩进深度
Image Preview
在 html 代码中预览图像
Icon Fonts
在项目 ...
