Vue 2 JS: File uploader with custom events

File.js

const File = {
    name: 'File',
    methods: {
        openFileDialogue() {
            const field = this.$refs.field;
            const event = new MouseEvent('click', {
                view: window,
                bubbles: false,
                cancelable: true
            });
            field.dispatchEvent(event);
        },
    },
    render(h) {
        return (
            <span on-click={this.openFileDialogue}>
                <i className="fa fa-icon-image"/>
                <input
                    type="file"
                    name="file"
                    ref="field"
                    style={{ display: 'none' }}
                />
            </span>
        );
    }
};

export default File;