首页 > 其他分享 >Vue Typescript 引入文件接口,就无法使用withDefaults

Vue Typescript 引入文件接口,就无法使用withDefaults

时间:2023-04-22 22:24:07浏览次数:40  
标签:Vue vue withDefaults project PiProject Typescript props import

就是代码写的不规范

报错写法

	import {Setting} from '@element-plus/icons-vue'
	import { defineProps ,withDefaults } from 'vue'
	import {PiProject} from '@/types/Project'
	interface ProjectCardProps{
		project:PiProject
	}
	const props = defineProps<ProjectCardProps>();

	withDefaults(props,{
		project:{}
	} )

返回值得是一个函数

正确写法

	import {Setting} from '@element-plus/icons-vue'
	import { defineProps ,withDefaults } from 'vue'
	import {PiProject} from '@/types/Project'
	interface ProjectCardProps{
		project:PiProject
	}
	const props = defineProps<ProjectCardProps>();
	withDefaults(props,{
		project:():PiProject=>({

		} as PiProject)
	} )

标签:Vue,vue,withDefaults,project,PiProject,Typescript,props,import
From: https://www.cnblogs.com/pphboy/p/17344270.html

相关文章

  • TypeScript中的实用工具类型(Utility Types)
    TypeScript中的实用工具类型是一些预定义的泛型类型,可用于操作或创建其它新类型。这些实用工具类型在所有TypeScript项目中都是全局可用的,因此无需添加任务依赖项即可使用它们。1.Partial<Type>将Type的所有属性都设置为可选的类型。1interfacePerson{2name:string;......
  • 记录一次艰难的云服务器部署前后端项目springBoot+mybatis和vue(两天解决的前后端跨域
    前言大家好我是歌谣今天继续给大家带来后端java的学习最近刚学习完java的一个增删改查紧接着就是部署项目了代码准备工作前端:vue后端:springboot+mybatis数据库mysql部署后端项目打包找到maven-package-runmavenbuild云服务器上面建立文件mkdir/www/springBoot创建文件......
  • Vue基础知识
    模板语法文本插值(textinterpolation)最基本的数据绑定形式,使用“Mustache”语法即{{...}}<span>Message:{{msg}}</span>{{}}中的值会被替换为相应组件实例中msg属性的值,且会同步地更新原始HTML<p>Message:<spanv-html="msg"></span></p>这里的v-html被称为指令Attrib......
  • RuoYi-Vue 分离版 收获与总结
    https://blog.csdn.net/qq_41965731/article/details/115241184一、常量的定义以下是阿里编码规约   二、图片的base64编码https://blog.csdn.net/duola8789/article/details/78844431概述博客三、在项目启动时将一些数据提交加载到缓存中1.利用@PostConstruct......
  • vue2源码-十二、mixin的使用和原理
    mixin的使用和原理使用:可以通过Vue.mixin来实现逻辑的复用,问题在于数据来源不明确。声明的时候可能对导致命名冲突vue3采用的就是compositionAPI局部混入:varmyMixin={created:function(){this.hello()},methods:{hello:function(){......
  • vue-admin-template 如何添加快捷导航(标签导航栏)
    前言关于快捷导航(标签栏导航)在文档中确实有介绍,但是看完是一头雾水,不知道如何修改,不过文档最后给了一个移除的大致操作,从这里可以找到入手点前期准备vue-admin-template项目代码vue-element-admin项目代码操作流程注:以下操作流程是按照自行摸索的操作顺序来写的,因此......
  • TypeScript 的实用技巧
    TypeScript的实用技巧类型别名和接口:使用类型别名或接口可以定义复杂的数据类型,提高代码的可读性和可维护性。泛型:使用泛型可以提高代码的复用性,使代码更加灵活。非空断言操作符(!):当开发者确定一个变量或属性不为null或undefined时,可以使用非空断言操作符(!)来告诉编译......
  • VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
    vue3的拖拽tag="transition"报的错误TypeError:Cannotsetpropertiesofnull(setting'__draggable_context')安装拖拽的时候,使用命令yarnadd@marshallswain/vuedraggable 下载这个包,把dist里面的文件复制到项目里面引入即可,不要使用 yarnaddvuedraggable@nex......
  • vue3+ts使用v-for出现unknown问题
    title:vue3+ts使用v-for出现unknown问题date:2022-12-2719:00:45tags:['Vue','踩坑记录']categories:["前端篇"]最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循环渲染时,在此出遇到了一个ts报错报错为循环出的data......
  • vue3中使用defineExpose报TS-2339
    title:"vue3+ts使用defineExpose报TS:2339"date:2022-12-2919:32:44tags:["Vue","踩坑记录"]categories:["前端篇"]开头先把错误贴上src/hooks/usePageSearch.ts:9:27TS2339:Property'getPageData'doesnotexistontype&#......