首页 > 其他分享 >vue3 、typescript环境, props自定义类型propType

vue3 、typescript环境, props自定义类型propType

时间:2023-02-17 15:59:34浏览次数:39  
标签:typescript 自定义 propType vue3 PropType type props

vue3 、typescript环境, props自定义类型propType

//子组件的props类型是复杂的类型的时候,可以用propType进行强制类型转换
//eg 复杂函数,对象数组,对象的类型检查
props: {
  callback: {
    type: Function as PropType<() => void>,
  },
  tableHead: {
    type: Array as PropType<getTableHeadRes[]>,
  default:
    () => [],
  },
  person: {
    type: Object as PropType<Person>,
    required:true,
  },
}

标签:typescript,自定义,propType,vue3,PropType,type,props
From: https://www.cnblogs.com/littleH/p/17130421.html

相关文章

  • TypeScript singleton types All In One
    TypeScriptsingletontypesAllInOne单例类型/字面量类型singletontypes/literaltypesenummembertypesnumericliteraltypesstringliteraltype......
  • vue2 - 自定义插件 使用插件,scoped
    1.自定义插件myPlugin.jsexportdefault{install(Vue){console.log("Vue.use()会调用此方法",Vue)}} 2.使用插件importVuefrom'vue'importAp......
  • 自定义HarmonyOS启动页组件
    启动页作为应用程序首次出现的页面,该页面提供一些预加载数据的提前获取,防止应用程序出现白屏等异常,如是否第一次访问应用程序并开启应用欢迎页;判断用户登录信息进行页面跳转......
  • vue2 - 局部过滤器 全局过滤器,自定义局部指令 自定义全局指令
    1.过滤器局部过滤器<!--使用一个过滤器,单个参数--><div>{{"levi"|filterTest1}}</div><!--使用一个过滤器,多个参数--><inputtype="text"v-bind:......
  • typescript 声明、获取dom元素
    获取已有的dom元素constarrows=document.querySelectorAll('.arrows');获取DOM数组,比如有时候只有在请求数据后界面才渲染,我是在vue里面需要处理一些罗里吧嗦的功能......
  • VSCode Markdown preview enhanced 配置中文字体, 自定义css的方法
    在Ctrl+Shift+P命令菜单中选择CustomizeCSS这是我基于SolarizedLight的配置文件注意,只需要在系统中(我的是Win10)安装思源宋体CNMedium,在系统的字体当中找到它......
  • vue3+vant中自定义隐藏DropdownMenu下拉菜单
    一、概述需求:当点击确定按钮时隐藏下拉菜单。主要使用的方法:ref标识当前组件van-dropdown-item,当点击确定按钮时通过getCurrentInstance来获取组件身上的属性方法。......
  • springboot自定义校验工具类
    参考:https://betheme.net/news/txtlist_i120686v.html?action=onClickhttps://www.ngui.cc/el/2571188.html?action=onClick一、原生注解在springboot中,我们可以使用ja......
  • PHP 之自定义模板解析
    一、解析列表1、效果图 2、示例代码<?phpinclude_once'parse.func.php';$data=array(array('scode'=>2,'link'=>'https://www.b......
  • 自定义批量上传一些逻辑
    <template><!--上传弹窗--><el-dialogtitle="上传文档"width="648px":close-on-press-escape="false":close-on-click-modal="false":vi......