记录了vue项目的几个小问题

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

hello,everybody!

今天在写vue项目中遇到了几个问题，就顺手记录一下几个问题的解决方式。

在当前页面修改页面参数

需求是在当前页面修改参数并刷新页面，在这里借助了merge:

import merge from 'webpack-merge';

然后在方法中使用：

 this.$router.push({
     query: merge(this.$route.query, {修改参数})
 });

在当前页面替换页面参数

方法和上面差不多的写法：

this.$router.push({
    query:merge({},{参数})
 });

在当前页面新增页面参数

新增和修改一样的方法：

 this.$router.push({
     query: merge(this.$route.query, {新增参数})
 });

监听页面刷新

监听页面刷新，并执行对应的方法满足用户的需求：

created() {
   window.addEventListener('beforeunload', e => this.getFileList());
 },
destroyed() {
   window.removeEventListener('beforeunload', e => this.getFileList());
},
methods:{
  getFileList() {};
}

实现一个操作台的功能，类似windows桌面

wl-explorer是一个基于Vue和ElementUi的文件管理器插件，提供类似某云盘操作台的功能。提供的功能主要有：

文件夹的编辑，新增，移动，删除，下载
文件上传、下载、预览，移动
类似windows文件管理器的文件夹路径搜索，历史记录快捷键
表格模式、图标模式切换等

具体使用可以参考文档

实现鼠标右击菜单功能

VContextmenu是一个适配vue3.0的右键菜单插件，具体使用文档有示例和说明文档，大家可以自行学习实践。