element-ui使用心得总结

1、树形列表el-table的数据data中有hasChildren属性时，必须结合lazy，load，才能有点击展开的效果，缺其中一个要素没有配置，都不能点击展开；

2、树形列表el-table的数据data中有hasChildren属性时，default-expand-all必须有lazy才能生效

3、布局时要按照container给的常见的布局示例来写，不要自己瞎造，会产生样式问题，不好调节

4、this.$message.error(msg)中msg为null，消息组件不提示

5、题外话：idea提示是否开启自动导入依赖，如果手动install安装不上，修改pom文件，提示自动导入依赖可解决

6、获取cookie、设置cookie（默认表示会话cookie即浏览器关闭cookie失效，设置值不为空时表示持久性cookie，永久不过期设置值很大比如100年）、删除cookie（设置一个以前的时间即可）

//获取cookie
export function getCookie(name) {
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg))
      return (arr[2]);
    else
      return null;
 }
  
//设置cookie,增加到vue实例方便全局调用
export function setCookie (c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
};
  
//删除cookie
export function delCookie (name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null)
     document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
};

欢迎关注我的博客，获取更多精品知识合集

如果觉得对您有帮助的话，请帮我点赞、分享！您的支持是我不竭的创作动力！

欢迎关注我的公众号，获取更多技术知识分享