How to pass a ref from Parent to Child( where the <Dialog> locate) - VueJS

[jameswong3388]

I would like to pass a ref from Parent to child.

Basically passing a button ref to Dialog's :initialFocus.

Any help would be appreciated!

Parent
<SearchModal >
       <button ref="SearchModalButton"></button>
</SearchModal>

<script>
import SearchModal from "@";
</script>

Child (SearchModal.vue)

<Dialog  :initialFocus="SearchModalButton">
       ....
</Dialog>