忽略未定义的道具

时间:2019-09-18 18:35:08

标签: vue.js vue-component

我正在将这样的对象传递给组件:

obj = {
   prop1: 1,
   prop2: 2,
   prop3: 3
}
<my-component :data="obj"></my-component>

该组件仅通过设计定义了这两个,因为我想忽略未定义的内容:

    props: {
        prop1: Number,
        prop2: Number
    }

发生的事情是在渲染组件时,根节点看起来像这样,未定义的prop像属性一样放置了!!:

<div prop3="3">
   ...
</div>

我不希望未定义的props被组件分解,并且绝对不希望它们在根元素中呈现。我希望他们被忽略。是否有标记或某些设置可以忽略所有未定义的道具?

请不要说为什么我会需要这个。我之所以这样做,是因为这些对象是在其他地方构建的,并且不想为此创建新的子集对象。

0 个答案:

没有答案