上传头像

 <el-upload> 
    action='/'
    :auto-upload='false':是否自动上传图片，直接执行action
    list-type="picture-card":卡片样式
    :show-file-list='false':上传图片列表
    :before-uplode='bindBeforeUpload'上传之前
    :on-change='bindChangeFile'选择本地图片使触发
    <img v-if='imgUrl' :src:'imgUrl'/>
    <span v-else=''/>
    <el-upload/> 

图片预览

• bindChangeFile中：FileReader对象读取file,

• element官网简便方法

点击确定上传照片

• 限制图片上传格式和大小

登录成功后，点击其他页面后刷新，页面消失

• 刷新时流程：页面重新加载路由，动态生成的路由，刷新会重新执行，路由文件中没有动态路由

刷新界面数据消失白屏

• 描述：登录成功，进入主界面，可以正常操作系统，但是，刷新页面时，相当于重启系统，所有数据消失，白屏状态
• 为什么产生：刷新界面，动态添加的菜单路由消失(动态路由保存在内存中，菜单也是保存在内存中)，
• 解决问题：在刷新界面后重新执行保存动态菜单的数据(保存在pinia中)