vue美化上传图片按钮

默认的input file总感觉太丑了，想改样式还不能直接改
改不了就不用他，咱不受那个气(๑◡๑)
既然改不了，可以用其他元素去代替他，这里 我用的是div
把div的点击事件改成input file的点击事件，再把input隐藏上就行了

<div @click="chooseFile">上传文件</div>
<input class="form-btn" ref="choosePhoto" type="file" accept="image/*" id="file">

methods: {
	chooseFile: function() {
	    this.$refs.choosePhoto.dispatchEvent(new MouseEvent('click'))
	}
}

#file {
    display: none;
}

完成后就成了这个样子