近日代码问题总结

1 vue访问java接口跨域问题

vue平时访问的接口是c#的webapi接口,做了一个单独访问java接口的功能,控制台报错,如下

解决办法:直接让后端接口允许跨域就好了

(springboot有个解决跨域的注解 @CrossOrign)

Access to XMLHttpRequest at 'http://192.168.54.1:10052/attendance/calc' from origin
'http://localhost:9527' has been blocked by CORS policy: Response to preflight 
request doesn't pass access control check: No 'Access-Control-Allow-Origin' header 
is present on the requested resource.

2 需求:对原数据处理后能有另一份没有改变的原数据

var a = {'num':1};//原数据
var b = a;//假设我们用b来存储
a.num = 2;//对原数据进行一些改变
console.log(b.num);//2

上面代码是一个例子,这是我下意识地写法,但它并没有达到我想要的效果。因为实际在给b赋值时,是进行了传址操作,也就是说让b跟a指向同一个地址,实际数据只有一份,所以a改变时b也会随之改变。
下面简单写一下字符串转化的方法(使用下面的方法,完成了我的需求)

var a = {'num':1};
var b = JSON.stringify(a);
a.num = 2;
console.log(JSON.parse(b.num));//1

备注:参考链接https://blog.csdn.net/qq_39771254/article/details/80982967

3 el-select多选以tag展示时,超过显示长度以…省略号显示

出现的情况
近日代码问题总结_第1张图片
想要的效果
在这里插入图片描述

// select的tags过长显示...
.el-select__tags-text {
  display: inline-block;
  max-width: 120px;   //可以修改这个宽度调整效果
  @media (max-width: 1400px) {
    max-width: 42px;
  }
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.el-select .el-tag__close.el-icon-close {
  top: -7px;
  right: -4px;
}

备注:参考链接https://segmentfault.com/q/1010000038565461

4 c#接口获取到的数据RowCount的值与数据条数对不上

考虑YanFaFROM的位置是否正确(个人记录)

你可能感兴趣的:(vue.js,javascript,前端,css)