vue中将上传文件样式自定义

本地文件上传都是通过input标签,type属性是file,这样就会很丑,在许多地方都有局限性

<input type="file"
              style=" visibility: hidden;position: absolute;top: 0px;width: 0px;"
              ref="importJson"
              @change="getFile"  />

将input隐藏,就不会显示本来的样式,这样就出现一个问题,我们也点击不到input
给input父元素添加点击事件,触发input点击事件

this.$refs.importJson