オブジェクト私は(Vueのイベントに加えて)標準JavaScript
イベントを発するようにしたいので、私はVueのコンポーネント内の次のコードを持っている:ヴュー:イベントがアクセスできない
<template>
<div>
<input
type="text"
class="input"
v-model.trim="value"
:id="id"
:placeholder="placeholder"
:disabled="disabled"
:required="required"
:readonly="readonly"
autocomplete="off"
@keyup="keyUp"
@focus="focus"
@click="click"
@dblclick="dblclick"
@change="change">
</div>
</template>
<script>
export default {
methods: {
change() {
// Vanilla event
let element = document.querySelector(`#${this.id}`);
let event = new Event('change', { 'bubbles': true, 'cancelable': false });
element.dispatchEvent(event);
// Vue event
this.$emit('change');
}
}
}
</script>
しかし、私は次の取得バニラに関するエラーイベント:
'Event' is not defined
私は何が欠けていますか?
どのブラウザを使用していますか? –
'Chrome Version 60.0.3112.113' – Donnie
カスタムイベントを発生させる理由は何ですか?コンソールを開くと、手動でイベントを作成できますか? –