(カスタムキャンバス要素の)Vueコンポーネントを作成しようとしていますが、コンポーネントの通常のイベントが親にバブルしないようです。私が間違っていることは明らかですか?
回避できれば、コンポーネントからすべての可能なHTMLイベントを発行する必要はありません。明確でない場合:カスタムイベントについては話していない-onmousemoveなど
TIA
<div id="app">
<xon-canvas @mousemove="handleMove"></xon-canvas>
</div>
Vue.component('XonCanvas', {
template: '<canvas width="500" height="500"></canvas>'
})
new Vue({
el: '#app',
methods: {
handleMove (event) { console.log("I worked!") }
}
});
CodePeコード
回答 1 件
関連記事
- Vuejsコンポーネントがページに視覚的に表示されない
- 角度:ルーターイベントでコンポーネントインスタンスを取得する
- イベントをキャッチする方法はvuejsv-calendarです
- Vuejs3は子から親コンポーネントにイベントを発行します
- Vuejsコードはコンポーネントでは動作しませんが、アプリでは動作します
- Vuejs 2のイベントバスを使用してカスタムイベントでデータを渡す方法
- 異なるコンポーネントの1つのコンポーネントからdivを見つける方法:vuejs
- Vuejs単一ファイルコンポーネントvueでlocalstorageを使用する方法
- Vuejs単一ファイルコンポーネント「名前」がコンシューマーで尊重されない
関連した質問
- Vuejsを使用したボタンクリックでデフォルトの防止オプションを使用できません
- Vue:アクションが実行されていないときにボタンを非表示にする
- フィルタ付きのVueテンプレートで三項演算子を使用するにはどうすればよいですか?
- Vue:ローカルストレージからユーザー情報にアクセスする方法
- Vue:コンポーネントにCSSファイルとJSファイルをロードするにはどうすればよいですか?
- VueおよびVuetifyの動的コンテンツ内でレンダリングされない画像ソース
- vuetifyでvuejsビルドサイズを減らす方法は?
- npmパッケージをnuxtjsに追加できません[vue-star-rating]
- 複数の型と型付き配列を使用したVuejsプロップ検証
- 特定のアコーディオンを切り替える関数にv-modelを渡す方法はありますか?
1つの簡単な修正は、v-on = "$listeners"を追加することです
https://codepen.io/ittus/pen/mKWyxZ