解決vue3?defineProps?引入定義的接口報(bào)錯(cuò)
問題遇到的現(xiàn)象
在setup語法糖使用了defineProps，然而在定義類型的時(shí)候一旦將接口暴露出去引用就發(fā)生了報(bào)錯(cuò)
問題相關(guān)代碼
interface Props {
/* ... */
}
export {
type Props
}<script setup lang="ts">
import { Props } from '.'
const props = defineProps<Props>()
</script>運(yùn)行結(jié)果及報(bào)錯(cuò)內(nèi)容
[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.
我的解答思路和嘗試過的方法
在組件中直接定義接口就不會(huì)報(bào)錯(cuò)，
我想要達(dá)到的結(jié)果
將接口封出去進(jìn)行引用
以上就是解決vue3 defineProps 引入定義的接口報(bào)錯(cuò)的詳細(xì)內(nèi)容，更多關(guān)于vue3 defineProps 引入報(bào)錯(cuò)的資料請關(guān)注腳本之家其它相關(guān)文章！
- vue3中defineProps的使用詳解
- Vue3之defineProps、defineEmits和defineExpose的使用及說明
- Vue3屬性值傳遞defineProps詳解
- Vue3中defineProps設(shè)置默認(rèn)值的方法實(shí)現(xiàn)
- vue3中defineProps及使用方法詳解
- vue3中defineEmits與defineProps的用法實(shí)例
- 一文詳細(xì)聊聊vue3的defineProps、defineEmits和defineExpose
- 關(guān)于Vue3中defineProps用法圖文詳解
- 一文講解VUE3 defineProps的使用
相關(guān)文章
在vue項(xiàng)目實(shí)現(xiàn)一個(gè)ctrl+f的搜索功能
剛剛接到領(lǐng)導(dǎo)通知，需要實(shí)現(xiàn)搜索功能，因?yàn)轫?xiàng)目是vue的而且是手機(jī)端，對我來說有點(diǎn)小難度。經(jīng)過小編的一番思索最終還是解決了，今天小編把實(shí)現(xiàn)過程分享到腳本之家平臺(tái)，需要的朋友參考下2020-02-02
Vue封裝一個(gè)Tabbar組件?帶組件路由跳轉(zhuǎn)方式
這篇文章主要介紹了Vue封裝一個(gè)Tabbar組件?帶組件路由跳轉(zhuǎn)方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
公眾中經(jīng)常會(huì)有這種場景,一些合同、協(xié)議等的頁面需要進(jìn)行下載,而且需要和頁面保持一致,下面這篇文章主要給大家介紹了關(guān)于Vue頁面生成PDF的最佳方法,需要的朋友可以參考下2022-05-05
vue3新擬態(tài)組件庫開發(fā)流程之table組件源碼分析
這篇文章主要介紹了vue3新擬態(tài)組件庫開發(fā)流程——table組件源碼,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
Vue項(xiàng)目中使用v-show和v-if指令以及原理、區(qū)別和適用場景說明
Vue中v-show通過display屬性控制顯示隱藏,元素始終存在DOM,適合頻繁切換；v-if條件為false時(shí)移除元素,適合初始條件不成立的情況,性能上首次渲染可能更優(yōu),但切換頻繁時(shí)v-show更高效,其他方式包括綁定style/class、計(jì)算屬性及第三方動(dòng)畫庫2025-07-07
vue3+vite中報(bào)錯(cuò)信息處理方法Error: Module “path“ has&nb
這篇文章主要介紹了vue3+vite中報(bào)錯(cuò)信息處理方法Error: Module “path“ has been externalized for browser compatibility...,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
vue.js 使用axios實(shí)現(xiàn)下載功能的示例
下面小編就為大家分享一篇vue.js 使用axios實(shí)現(xiàn)下載功能的示例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看2018-03-03
Vue程序化的事件監(jiān)聽器(實(shí)例方案詳解)
本文通過兩種方案給大家介紹了Vue程序化的事件監(jiān)聽器，每種方案通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2020-01-01
淺談vuejs實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)視圖原理
這篇文章主要介紹了淺談vuejs實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)視圖原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-02-02
vue計(jì)算屬性想要傳入?yún)?shù)如何解決
這篇文章主要介紹了vue計(jì)算屬性想要傳入?yún)?shù)如何解決問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01