工作问题ms记录

一、级联选择最后一级是空的

原因：最后一级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;
      }

六、表格样式问题

1、需要两行合计行

`通过文本</br>来隔成两行，再结合样式`

2、合计行一开始不显示，切换页面再切回来就显示的问题

在<el-table v-if="data.length">
</el-table>

七、给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上

官方解释：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性
this.$set（对象，属性名，属性值）