欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

Vue3之getCurrentInstance與ts如何結合使用

這篇文章主要介紹“Vue3之getCurrentInstance與ts如何結合使用”,在日常操作中,相信很多人在Vue3之getCurrentInstance與ts如何結合使用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Vue3之getCurrentInstance與ts如何結合使用”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

成都創(chuàng)新互聯(lián)公司 - 四川樂山服務器托管,四川服務器租用,成都服務器租用,四川網(wǎng)通托管,綿陽服務器托管,德陽服務器托管,遂寧服務器托管,綿陽服務器托管,四川云主機,成都云主機,西南云主機,四川樂山服務器托管,西南服務器托管,四川/成都大帶寬,成都機柜租用,四川老牌IDC服務商

getCurrentInstance與ts結合使用

vue3項目中,如果不用ts這樣使用是沒問題的

const { proxy } = getCurrentInstance()

在ts中使用會報錯:報錯:...類型“ComponentInternalInstance | null”

我們在項目中一般會用到很多getCurrentInstance()方法,直接封裝一下

創(chuàng)建useCurrentInstance.ts文件:

import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
    const { appContext } = getCurrentInstance() as ComponentInternalInstance
    const proxy = appContext.config.globalProperties
    return {
        proxy
    }
}

組件內使用:

<script lang="ts">
import { defineComponent } from "vue";
import useCurrentInstance from "@/utils/useCurrentInstance";
export default defineComponent({
  setup() {
    const { proxy } = useCurrentInstance();
    console.log(proxy);
  },
});
</script>

vue3+ts使用getCurrentInstance報錯

vue3中沒有this + 各種api的方法

vue3提供的方法,創(chuàng)建類似于this的實例。

const instance = getCurrentInstance() 

const a1= getCurrentInstance();
a1.$toast({type: 'error', text: '登錄失敗' });

這種只適合本地調試,運行到線上就會報錯,報錯詳情為:

類型“ComponentInternalInstance | null”上不存在屬性“proxy”。ts(2339)

然后下面會報這個錯誤

Unsafe member access .$axios on an `any` value.  eslint@typescript-eslint/no-unsafe-member-access

Unsafe call of an `any` typed value.  eslint@typescript-eslint/no-unsafe-call

原因:

getCurrentInstance()的返回類型存在null所以在此處添加斷言即可。

在proxy后面添加?來過濾null的結果,即:

const instance = getCurrentInstance()?.proxy  
 instance ?.$toast('請xxx!')

到此,關于“Vue3之getCurrentInstance與ts如何結合使用”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

名稱欄目:Vue3之getCurrentInstance與ts如何結合使用
URL鏈接:http://aaarwkj.com/article16/ihhcdg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供響應式網(wǎng)站、企業(yè)網(wǎng)站制作網(wǎng)頁設計公司、營銷型網(wǎng)站建設、小程序開發(fā)、標簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設
亚洲成av在线免费不卡| 国产精品久久亚洲一区二区| 成人午夜欧美熟妇小视频| 日本理论午夜三级在线观看| 97资源在线公开视频| 久草手机福利在线观看| 中文字幕成人在线电影| 国产黄a三级三级三级老师绑| 亚洲欧美日韩特级黄片| 亚洲男女内射在线视频| 国产一级成人免费视频| 未满十八周岁禁看视频| av色剧情在线免费观看| 91香蕉国产精品日韩| 欧美人妻不卡一区二区久久 | 国产丝袜美腿在线观看| 国产成人一区二区三区综合区| 欧美亚洲另类激情另类的| 国产老熟女高潮一区二区| 国产亚洲精品视频二区| 日韩一区不卡在线观看| 99久久中文字幕伊人| 亚洲av污精品一区二区三区| 一区二区亚洲国产精品| 操你啦夜夜操狠狠躁天天爽| 久久亚洲精品中文字幕一| 午夜毛片免费在线播放| 一区二区三区欧美日韩在线| 亚洲国产精品自拍第一页| 不卡在线视频中文字幕| 88国产精品久久久久久| 91九色国产原创在线观看| 天堂在线手机av观看| 国产成人精品视频午夜蜜蜂| 国产午夜福利诱惑在线观看| 久久久精品国产亚洲av日韩| 国内校园性猛交视频网站| 亚洲综合av一区二区三区四区| 日本不卡的三区四区五区| 国产传媒视频网站在线观看| 啊啊啊用力好大视频|