事件类

1、主动触发点击事件

复制代码<div> <span class="iconfont icon-tupian" @click="imgTagHandler"></span> <input ref="imgInput" accept="image/*" multiple required type="file" @change="onUpload($event)" style="display: none;"> </div> methods: { imgTagHandler () { this.$refs.imgInput.dispatchEvent(new MouseEvent('click')) }, // 获取图片事件 onUpload (input) { console.log(input.target.value) } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div>
    <span class="iconfont icon-tupian" @click="imgTagHandler"></span>
    <input ref="imgInput" accept="image/*" multiple required type="file" @change="onUpload($event)" style="display: none;">
</div>

methods: {
    imgTagHandler () {
        this.$refs.imgInput.dispatchEvent(new MouseEvent('click'))
    },
    // 获取图片事件
    onUpload (input) {
        console.log(input.target.value)
    }
}