一、级联选择最后一级是空的
原因:最后一级hcildren为空数组,应该是空的或者undefined
解决:
formatData(data) {
for (var i = 0; i < data.length; i++) {
if (data[i].children.length < 1) {
data[i].children = undefined
} else {
this.formatData(data[i].children)
}
}
return data
},
二、form表单重置失效
原因:item没有传prop
解决:加上prop传属性值
三、js时间戳与日期格式的相互转换
1、时间戳转日期格式
function timestampToTime(timestamp) {
var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
var Y = date.getFullYear() + '-';
var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
var D = date.getDate() + ' ';
var h = date.getHours() + ':';
var m = date.getMinutes() + ':';
var s = date.getSeconds();
return Y+M+D+h+m+s;
}
timestampToTime(1403058804);
console.log(timestampToTime(1403058804));//2014-06-18 10:33:24 //注意:如果是Unix时间戳记得乘以1000。比如:PHP函数time()获得的时间戳就要乘以1000。
2、日期格式转时间戳
var date = new Date('2014-04-23 18:55:49:123');
// 有三种方式获取
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);
console.log(time1);//1398250549123
console.log(time2);//1398250549123
console.log(time3);//1398250549000
四、element勾选框控件,既要保留控件默认传的参数,还需要传自定义的参数

五、更换element的主题
1、新建element-variables.scss文件
$--color-primary: yellow;
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
2、入口文件main.js中引入element-variables.scss
import './assets/element-variables.scss';
五、el-tooltip组件样式问题
一、让鼠标悬浮才出现的内容设置为一直显示
value=”toolTipValue“
:manual="true"
data(){
return {
toolTipValue=true;
}
}
六、设置滚动条的样式
::-webkit-scrollbar {
width: 4px;
height: 16px;
background-color: #f5f5f5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #eee;
border-radius: 10px;
background-color: #f5f5f5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px #eee;
background-color: #555;
}