vant コンポーネント ライブラリの Toast コンポーネントを使用する場合は、インスタンスが必要です。vue2ではこれが使われていましたが、vue3ではこれがありません。代わりに、getCurrentInstance を使用してインスタンスを取得します。ブロガーさんの書き方を参考にさせていただきましたが、誤りを報告させていただきました。以下に示すように:
この問題を解決するには 2 つの方法があります。
方法 1: volar をインストールする
(推奨)
このブロガーの書き方で問題ありません. Vue3はプラグインをインストールする必要があります. vscodeでvolarを検索すると一番最初にあります。インストール後にエラーは発生しません。
法二:
import {
getCurrentInstance,ref } from "vue"
const currentInstance = getCurrentInstance()
const proxy = ref(currentInstance?.proxy)
//调用toast
proxy.value?.$toast({
})