element上的上传图片只能上传一次

在上传图片的时候发现了个问题，就是只能上传一下，第二次上传根本就不调用函数，查阅了文档以后，可能是没有清空文件列表的情况，试了一下，发现并没有用，然后突然想到了，重新刷新一下当前页面就可以了，然后就开始了查询当前页面刷新的方法，然后找到了最优方案

<template>
  <div id="app"  :key="key">
    <template>
       <router-view />
    </template>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      content: false,
      key: 1,
    }
  },
  methods: {
    reload () {
      this.key++
     
    }
  },
  provide () {
    return {
      reload: this.reload
    }
  }
}
</script>

<style lang="scss" rel="stylesheet/scss" src="../src/assets/style/app.scss"></style>

在你要刷新的页面上这样设置

name: "receivingRules",
    inject:['reload'],
    components: {
      pagination
    },

在想引用的方法中使用this.reload();就行