zawazawa
V2EX  ›  Vue.js

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

  •  1
     
  •   zawazawa · Feb 20, 2023 · 1947 views
    This topic created in 1202 days ago, the information mentioned may be changed or developed.

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

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

    leekoho
        1
    leekoho  
       Feb 20, 2023
    按我的理解,设置了默认值,那么这个值的 required 就要设置成 false....
    ciming
        2
    ciming  
       Feb 20, 2023
    interface Props {
    key?:string;
    }

    const props = withDefaults(defineProps<Props>(), {});
    key 后面加个?, 这样才不是默认必填
    zawazawa
        3
    zawazawa  
    OP
       Feb 21, 2023
    @ciming 这样确实可以
    zawazawa
        4
    zawazawa  
    OP
       Feb 21, 2023
    @leekoho 用组合式 api + ts 这个值的 required 找到不到设置的地方
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1340 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 17:13 · PVG 01:13 · LAX 10:13 · JFK 13:13
    ♥ Do have faith in what you're doing.