Как исключить пропсы из списка?

Question

[jazzus]

Пропсы прокидываются из одного компонента в другой

<component v-bind="$props">
</component>

Можно ли исключить некоторые пропсы? Типа $props without 'name'

Comments

[nvdfxx]

не передавать лишние сразу не вариант?

[jazzus]

nvdfxx, получится простыня из пропсов в компонентах вместо v-bind="$props"

Answer 1

[Алексей Ярков]

<component v-bind="props"></component>

computed: {
    props () {
        const {ненужный_проп, ...props} = this.$props;
        return props;
    }
}

Comments

[jazzus]

сделал

computed: {
    props () {
        const {configs, texts} = this.props;
        return props;
    }
}

пишет
props:"(error during evaluation)"

[Алексей Ярков]

jazzus, а теперь внимательно на мой пример и на свой посмотрите. Ну и про spread оператор в JS почитайте.

[nvdfxx]

jazzus, вы неправильно сделали, в вашем коде в props() нету переменной props, а вы ее вернуть пытаетесь, перечитайте ответ

[jazzus]

Алексей Ярков, так тоже пробовал

computed: {
    props () {
        const {configs, texts, ...props} = this.props;
        return props;
    }
}

ошибка таже

[nvdfxx]

Алексей Ярков, извините, вас по ошибке тегнул, это для jazzus

[Алексей Ярков]

nvdfxx, бывает ))

[Andrey Suha]

jazzus, вы невнимательно смотрели на код, особенно на часть this.$props

[jazzus]

спасибо ты спас мой день.

[Алексей Ярков]

jazzus, пожалуйста ))

[jazzus]

Andrey Suha, вы невнимательно следили за ответами, особенно за этой частью))

Answer 2

[Andrey Suha]

Нужно сразу передавать только те пропсы которые нужны если Вам нужно age и male, то только их и передаёте