zawazawa
V2EX  ›  Vue.js

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

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

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

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

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

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