компонент не обрабатывает пустую опору

Question

У меня есть компонент data.table. vue и другие компоненты, например, ab c. vue и xyz. vue.

внутри этого data.table. vue, абзац для рендеринга в зависимости от реквизита, полученного им .. Однако, не оба моих компонента ab c. vue и xyz. vue будет отправлять реквизиты .. только ab c. vue необходимо отправлять реквизиты .. например:

in ab c. vue:

<template>
   <data-table 
     :isShown=true
   <data-table>
</template>

и в xyz. vue без реквизита

<template>
   <data-table 
   </data-table>
</template>

и в data.table. vue

 <p v-if="isShown"> hello world </p>

но я хочу, чтобы этот абзац всегда отображался для xyz компонента .. и только для ab c. vue, я хочу, чтобы этот абзац отображался согласно реквизиты показаны. Однако, даже в xyz. vue, его рендеринг зависит от реквизита, отправленного в ab c. vue ..

Пожалуйста, помогите ..

Answer 1

Вы можете установить реквизит по умолчанию, как этот.

   export default {
     props: {
        isShown: {
        type: Object,
        default: true
       }
    }
}

Значение по умолчанию будет принято, если реквизит не пройден.