【Vue/Nuxt】Added non-passive event listener to a scroll-blocking <tuchstart> event.が解消できない

Question

前提・実現したいこと

現在Vue/Nuxtで開発を行っているのですが、以下のようなエラーが発生しており解決方法がわかりません。

[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. 
Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

原因、解決方法等アドバイスいただければ大変ありがたいです。

追記：
こちらコードを確認していたところ、buttonタグ内にontouchstart属性が記述されていました。
こちらが原因でしょうか。
現在私のほうでも調査しております。

発生している問題・エラーメッセージ

[Violation] Added non-passive event listener to a scroll-blocking <some> event. 
Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

Answer 1

以下のようなエラーが発生しており解決方法がわかりません。

これはエラーではありません。touchstartのリスナの書き方が良くないので、スクロール時の使い勝手が悪くなりますよ、というような注意喚起です。

Vue.jsでは.passiveというイベント修飾子で対応できるようです。

Comments

[aa316316]

ご回答ありがとうございます！
すみません、イベント修飾子.passiveの使い方がわかっておらず、こちらHTML内のイベントハンドラ（:click）等の後ろに記述するという認識であっていますか？
イベントハンドラの後に記述し見てみたのですが、警告が消えず、、
特にtouchstartといったものは書いていないのですが、、

[maisumakun]

自分で書いていないとなると、使っているライブラリか何かがセットしているものと思われます。とりあえず「放置して進める」というほかないかもしれません。

[aa316316]

すみません、見落としておりbuttonタグの中にontouchstart属性がありました！
こちらを消すと警告が消えました！
丁寧に教えていただきありがとうございました！！とても助かりました！