解決vue3?defineProps?引入定義的接口報錯

更新時間：2023年05月15日 09:54:36 作者：mycn

這篇文章主要為大家介紹了解決vue3?defineProps?引入定義的接口報錯詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

問題遇到的現(xiàn)象

在setup語法糖使用了defineProps，然而在定義類型的時候一旦將接口暴露出去引用就發(fā)生了報錯

問題相關代碼

interface Props {
    /* ... */
}
export {
    type Props
}

<script setup lang="ts">
    import { Props } from '.'
    const props = defineProps<Props>()
</script>

運行結果及報錯內(nèi)容

[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.

我的解答思路和嘗試過的方法

在組件中直接定義接口就不會報錯，

我想要達到的結果

將接口封出去進行引用

以上就是解決vue3 defineProps 引入定義的接口報錯的詳細內(nèi)容，更多關于vue3 defineProps 引入報錯的資料請關注腳本之家其它相關文章！

您可能感興趣的文章:

vue 動態(tài)組件用法示例小結
這篇文章主要介紹了vue 動態(tài)組件用法,結合實例形式總結分析了vue 動態(tài)組件基本功能、原理、使用方法及操作注意事項,需要的朋友可以參考下
2020-03-03
基于Vue2.0的分頁組件
這篇文章主要為大家詳細介紹了基于Vue2.0的分頁組件的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
vue中@click和@click.native.prevent的區(qū)別
這篇文章主要介紹了vue中@click和@click.native.prevent的區(qū)別，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
當vue路由變化時,改變導航欄的樣式方法
今天小編就為大家分享一篇當vue路由變化時,改變導航欄的樣式方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
vue2結合element-ui實現(xiàn)TreeSelect樹選擇功能
這篇文章主要為大家詳細介紹了vue2如何結合element-ui實現(xiàn)TreeSelect樹選擇功能,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下
2024-03-03
vue 解決addRoutes多次添加路由重復的操作
這篇文章主要介紹了vue 解決addRoutes多次添加路由重復的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
Vue.js桌面端自定義滾動條組件之美化滾動條VScroll
這篇文章主要給大家介紹了關于Vue.js桌面端自定義滾動條組件之美化滾動條VScroll的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-12-12
詳解Vue組件插槽的使用以及調用組件內(nèi)的方法
在本篇文章里我們給大家分享了Vue組件插槽的使用以及調用組件內(nèi)的方法相關知識點，有需要的朋友們參考下。
2018-11-11
vue.js動態(tài)設置VueComponent高度遇到的問題及解決
這篇文章主要介紹了vue.js動態(tài)設置VueComponent高度遇到的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
vue移動端自適應適配問題詳解
這篇文章主要介紹了vue移動端自適應適配問題，本文通過實例代碼詳解給大家介紹的非常詳細，需要的朋友可以參考下
2021-04-04