V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zawazawa
V2EX  ›  Vue.js

关于 vue3 props 设置默认值的问题

  •  1
     
  •   zawazawa · 2023-02-20 16:36:06 +08:00 · 1284 次点击
    这是一个创建于 649 天前的主题,其中的信息可能已经有所发展或是发生改变。

    使用 withDefaults 给组件 props 设置默认值后 再调用组件时就没有给设置了默认值的 prop 传参,但是在运行项目时会抛出缺少必要的 prop 的警告

    如何在使用默认值不传参的情况下让这警告不显示

    leekoho
        1
    leekoho  
       2023-02-20 16:53:07 +08:00
    按我的理解,设置了默认值,那么这个值的 required 就要设置成 false....
    ciming
        2
    ciming  
       2023-02-20 19:00:45 +08:00
    interface Props {
    key?:string;
    }

    const props = withDefaults(defineProps<Props>(), {});
    key 后面加个?, 这样才不是默认必填
    zawazawa
        3
    zawazawa  
    OP
       2023-02-21 14:24:06 +08:00
    @ciming 这样确实可以
    zawazawa
        4
    zawazawa  
    OP
       2023-02-21 14:26:01 +08:00
    @leekoho 用组合式 api + ts 这个值的 required 找到不到设置的地方
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2777 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:41 · PVG 17:41 · LAX 01:41 · JFK 04:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.