1.在前端会报一个有关数据格式的异常:
后台返回的是一个对象,而前端需要展示的是一个表格,是一个数组,对象与数组不匹配。
.2.点击事件不生效,需要在点击事件后面加上 .native 。原因:.native是给组件绑定原生事件采用的方法。
3.elementui 级联选择器的使用方法:直接贴代码,慢慢理解:
注意事项:若出现选择框里重复出现相同的数据的解决方法:
const nodes = Array.from({length: level + 1}),改变length后面的level+ “ ”的值,这是重复的原因,具体原因仍在寻找。
props: {
lazy: true,
lazyLoad(node, resolve) {
const {level} = node;
setTimeout(() => {
/*查询所有的仓库*/
if (node.level == 0){
/*查询到所有的仓库*/
axios.get("/list/t-ware").then(value => {
if (value.data.state == '1'){
console.log(value)
for (let i = 0; i < value.data.data.length; i++) {
const nodes = Array.from({length: level + 1})
.map(item => ({
value: value.data.data[i].wareName,
label: value.data.data[i].wareName,
leaf: level >= 2
}));
// 通过调用resolve将子节点数据返回,通知组件数据加载完成
resolve(nodes);
}
}
})
}
/*根据仓库查询库区*/
if (node.level == 1){
console.log(node.value)
axios.get("/cargo/"+node.value).then(value => {
if (value.data.state == '1') {
console.log(value);
for (let i = 0; i < value.data.data.length; i++) {
const nodes = Array.from({length: level })
.map(item => ({
value: value.data.data[i].goodsName,
label: value.data.data[i].goodsName,
leaf: level >= 2
}));
// 通过调用resolve将子节点数据返回,通知组件数据加载完成
resolve(nodes);
}
}
})
}
/*根据库区查询该库区下所有的货架*/
if (node.level == 2){
axios.get("/shelves/"+node.value).then(value => {
if (value.data.state == '1') {
console.log(value);
for (let i = 0; i < value.data.data.length; i++) {
const nodes = Array.from({length: level - 1})
.map(item => ({
value: value.data.data[i].shelvesNo,
label: value.data.data[i].shelvesNo,
leaf: level >= 2
}));
// 通过调用resolve将子节点数据返回,通知组件数据加载完成
resolve(nodes);
}
}
})
}
}, 50);
}
}
}
},
4.表单的提交,后台接收@requestParma 对象,对象接收不到,数据的表单提交最好使用post方法。
5.在前端出现 数组中存在数组的数据格式,需要查明数组名的大小写,后台与前端的驼峰大小写的字母可能会变.不一致。
6.中国标准时间转换为String类型的时间格式:
creatTime = creatTime.replace("GMT", "").replaceAll("\\(.*\\)", "");
SimpleDateFormat format = new SimpleDateFormat("EEE MMM dd yyyy hh:mm:ss z", Locale.ENGLISH);
Date dateTrans = format.parse(creatTime);
String selectCreatTime = new SimpleDateFormat("yyyyMMdd").format(dateTrans);
目前只总结了这些,后面的想起来更多的再补充。