I'm passing an object as a required prop to a component through v-bind.sync but I'm getting an error Missing required prop: "filters"
What am I missing here? It doesn't seem to be working as specified in the documentation:
v-bind.sync="doc":This passes each property in the
docobject (e.g.title) as an individual prop, then addsv-onupdate listeners for each one.
Here's my component which is called using <ListFilters v-bind.sync="filters" />
<template>
<div>{{ filters }}</div>
</template>
<script>
export default {
name: 'ListFilters',
props: {
filters: {
type: Object,
required: true
}
}
}
</script>
Adding a default for filters results in the component using the default instead of the parent value.