30 lines
849 B
Vue
30 lines
849 B
Vue
|
|
||
|
|
<script>
|
||
|
|
const returnArrayFn = () => [];
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
options: {
|
||
|
|
type: Array,
|
||
|
|
default: returnArrayFn
|
||
|
|
},
|
||
|
|
slotOptions: {
|
||
|
|
type: Array,
|
||
|
|
default: returnArrayFn
|
||
|
|
},
|
||
|
|
slotUpdateHook: {
|
||
|
|
type: Function,
|
||
|
|
default: () => {}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
functional: true,
|
||
|
|
render(h, {props, parent}){
|
||
|
|
// to detect changes in the $slot children/options we do this hack
|
||
|
|
// so we can trigger the parents computed properties and have everything reactive
|
||
|
|
// although $slot.default is not
|
||
|
|
if (props.slotOptions !== parent.$slots.default) props.slotUpdateHook();
|
||
|
|
return props.options;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|