近日代码问题总结_怎么样让a区请求最新代码,b区还是老代码-CSDN博客

本文链接：https://blog.csdn.net/qq_43610925/article/details/129949194

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展示时，超过显示长度以…省略号显示

出现的情况
在这里插入图片描述
想要的效果

// 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;
}