How can I pass a props object to a page loaded via a data-url?

1

I’m using a popup view to load a page via a data url as follows:

<template>
  <div class="popup combo-crud-popup">
    <div class="view view-init" data-url="/combo-crud/${props.id}"></div>
  </div>
</template>
<script>
export default (props, {}) => {
  console.log(props) //  I want to pass the full props object to the route in the data-url above
  return $render; 
};
</script>

I can pass a single attribute in the data-url (for example ${props.id}), but I really want to be able to pass the full props object to the /combo-crud/ page.

[ Start Page ] —{props}—>[ Popup View ]—{props}—>[ Page loaded into view by data-url]

Is there some way to pass the props object in the route?

2

here => boring-murdock-9dlnn6

1 Like
3

@deejay That works great! Thanks.

Is $tick recommended in all cases like this? I’ve never used that before, and I don’t really understand it. I guess a better way of asking the question is…what could go wrong if $tick isn’t used?

4

not in all cases
in this case tick make sure that:
$f7.views[props.view] is available (namely: view is initialized) inside $onMounted

1 Like