默认的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;
}
完成后就成了这个样子