[Solved] [V1] Q-Date - How to hide Q-Date component inside the table

[Stanley]

Please see the demo. https://codepen.io/Stanley-549393092/pen/WqaXBx
As you can see, when popup the date component on the first row, after choose any date, the dialog will not close.
So I guess it has to assign the ref (qDateProxy) dynamically. For example as below. But there is some syntax error, could you please give some suggestion how to implment it, thanks!

<q-popup-proxy :ref="'qDateProxy' + props.row.__index">
    <q-date
        v-model="props.row.docDate"
        mask="YYYY-MM-DD"
        today-btn
        @input="() => $refs.['qDateProxy' + props.row.__index].hide()">
    </q-date>
</q-popup-proxy>

[metalsadman]

@Stanley https://codepen.io/Stanley-549393092/pen/WqaXBx here.

[Stanley]

@metalsadman I can’t find any change. Could you please check it?

[metalsadman]

@Stanley https://codepen.io/metalsadman/pen/GbYxdL

[Stanley]

@metalsadman It’s cool. Before closing it, could you please tell me where can I get some documentation about such syntax “`qDateProxy${props.row.item}`”?

[metalsadman]

@Stanley it’s https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals. the result is the same with what you were doing above.

[Stanley]

@metalsadman Thanks a lot for your always support!