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

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)站建設
四虎经典视频在线播放| 邻居少妇扒开腿让我爽了一夜| 国产一区二区三区的网站| 麻豆一区二区人妻网站| 欧美日韩一区二区三区在线| 日韩中文字幕综合不卡| 亚洲黄香蕉视频免费看| 人妻中文字幕在线看粉嫩| 国产在线成年人免费观看| 日本精品视频免费网| 日韩精品一区三区二区| 老熟妇奂伦一区二区三区| 亚洲综合另类视频在线观看| 中文字幕精品一区二区介绍| 真做的欧美三级在线观看| 在线国产一区二区不卡| 亚洲欧洲日韩另类在线| 亚洲欧洲一区二区免费| 国产黄色大片在线关看| 国产精品一区二区剧情熟女| 黄色录像三级黄色录像三级黄色 | 成人黄色暖暖韩日视频| 精品女同一区二区三区久久 | 久久亚洲中文字幕精品熟女一区| 国内一级片内射免费视频观看| 神马免费午夜福利剧场| 变态另类专区一区二区三区| 亚洲天堂网免费在线看| 很黄无遮挡在线免费网站| 亚洲天堂国产中文在线| 亚洲国产日韩精品一区二| 亚洲国产一区二区三区三州| 免费黄片视频大全在线播放| 99蜜桃臀成人美女视频| 丁香六月婷婷激情啪啪综合| 少妇高潮毛片免费看高潮| 久久热这里只有精品网站| 日韩av天堂在线观看| av中文字幕在线电影| 欧美日韩国产精品精品| 久久久这里只有精品99|