解決vue3?defineProps?引入定義的接口報錯
更新時間：2023年05月15日 09:54:36 作者：mycn
這篇文章主要為大家介紹了解決vue3?defineProps?引入定義的接口報錯詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
問題遇到的現(xiàn)象
在setup語法糖使用了defineProps，然而在定義類型的時候一旦將接口暴露出去引用就發(fā)生了報錯
問題相關(guān)代碼
interface Props {
/* ... */
}
export {
type Props
}<script setup lang="ts">
import { Props } from '.'
const props = defineProps<Props>()
</script>運行結(jié)果及報錯內(nèi)容
[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.
我的解答思路和嘗試過的方法
在組件中直接定義接口就不會報錯，
我想要達到的結(jié)果
將接口封出去進行引用
以上就是解決vue3 defineProps 引入定義的接口報錯的詳細內(nèi)容，更多關(guān)于vue3 defineProps 引入報錯的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了vue 動態(tài)組件用法,結(jié)合實例形式總結(jié)分析了vue 動態(tài)組件基本功能、原理、使用方法及操作注意事項,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了基于Vue2.0的分頁組件的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
vue中@click和@click.native.prevent的區(qū)別
這篇文章主要介紹了vue中@click和@click.native.prevent的區(qū)別，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
當(dāng)vue路由變化時,改變導(dǎo)航欄的樣式方法
今天小編就為大家分享一篇當(dāng)vue路由變化時,改變導(dǎo)航欄的樣式方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
vue2結(jié)合element-ui實現(xiàn)TreeSelect樹選擇功能
這篇文章主要為大家詳細介紹了vue2如何結(jié)合element-ui實現(xiàn)TreeSelect樹選擇功能,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2024-03-03
vue 解決addRoutes多次添加路由重復(fù)的操作
這篇文章主要介紹了vue 解決addRoutes多次添加路由重復(fù)的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
Vue.js桌面端自定義滾動條組件之美化滾動條VScroll
這篇文章主要給大家介紹了關(guān)于Vue.js桌面端自定義滾動條組件之美化滾動條VScroll的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
詳解Vue組件插槽的使用以及調(diào)用組件內(nèi)的方法
在本篇文章里我們給大家分享了Vue組件插槽的使用以及調(diào)用組件內(nèi)的方法相關(guān)知識點，有需要的朋友們參考下。2018-11-11
vue.js動態(tài)設(shè)置VueComponent高度遇到的問題及解決
這篇文章主要介紹了vue.js動態(tài)設(shè)置VueComponent高度遇到的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue移動端自適應(yīng)適配問題，本文通過實例代碼詳解給大家介紹的非常詳細，需要的朋友可以參考下2021-04-04