nginx安装配置 树形控件自定义 前端文件导出 零碎问题合集

开发日记

一.vue上线后 elementui的图标不显示问题

二.服务器nginx安装配置

跟着链接内容做的时候 遇到了一些问题
1.配置域名时更改server配置后域名访问到的仍然是欢迎页，最后发现原因是浏览器的缓存 刷新几次就好了
2.安装nginx的时候一致make报错 应该是操作系统版本和nginx版本不兼容的问题 多尝试一下就好
3.nginx命令失效 只能通过/usr/local/nginx的方式启动
解决办法：配置/etc/profile文件

vim /etc/profile
#然后在export部分添加一行： 
#export PATH=$PATH:usr/local/bginx/sbin
#然后保存退出重新加载
source /etc/profile

nginx就生效了

nginx常用命令

验证配置是否正确: nginx  -t
查看Nginx的详细的版本号：nginx  -V
查看Nginx的简洁版本号：nginx  -v
启动Nginx：start  nginx
快速停止或关闭Nginx：nginx   -s   stop
正常停止或关闭Nginx：nginx   -s   quit
配置文件修改重装载命令：nginx   -s  reload

三.树形控件懒加载

elementui其实提供了很多方法 但是文档描述的不详细 在做的时候经常在查看文档上花费很多事件
树形控件有几个比较核心的属性和方法
一个是node-key 还有node和data 大部分方法都会在调用时自动作为参数传入 node是当前节点对象 data是节点的数据 知道了这三个属性其他的都会迎刃而解
懒加载的条件：
1.开启lazy模式
2.提供load函数
3.props中要包含isLeaf属性，来控制是否显示展开按钮

load(node, resove){   //两个参数  分别为触发节点和回调函数
	if (node.level == 0) {   //根节点   组件创建时自动调用该函数
         this.getTree(resove);  //把根节点加载放到外面
         return;
    }
    //下面写其他节点的获取方法
    getNode(){
    	//内容省略，获取到数据后  
	    resove(arr);  //返回的是和tree组件需要的data格式相同的数组
	    return;
    }
    //防止没有数据一直显示加载状态   返回空
    return；
}
getTree(resove) {
	//请求函数
	//和上面类似  省略
	
}

四.树形控件控制选中状态

其实文档中给出了很多有用的函数 这里就不赘述了 总之 仔细看文档 一下的函数会被控制组件状态使用到

五.文件导出

在项目开发中遇到了文件导出的需求 因为正在开发的网站有md编辑的模块

我使用到了file-saver插件，非常强大可以导出任意格式的文档
安装

 cnpm install file-saver --save

导入

import { saveAs } from 'file-saver';

使用

download(content,filename){
    // any kind of extension (.txt,.cpp,.cs,.bat)
    filename += ".md";   //指定下载文件的文件名，可以是任意格式
    var blob = new Blob([content], {  //content是文件内容
        type: "text/plain;charset=utf-8"
    });
    saveAs(blob, filename);
},