@olaf my bad, was a typo but it works. I misspelled to prop. You can check, it’s working now.

vue-inheritance is the same principle as inheritance in pug. You extend the child template 🙂

Hi @jraez ,

Thanks for your help! I have tried it, but it is still broken.
I didn’t like the dialog plugin approach, so have recreated a similar topic with a different approach: https://forum.quasar-framework.org/topic/5541/how-to-extend-a-dialog

Perhaps you can look into this?

@olaf the for loop should perf better, but wouldn’t matter much if the data is not too big.

@muffin_mclay
I changed it by use v-model instead of :value. This works now, but I don’t understand it completely. I thought you need to use :value to bind a input to a prop, but when you use an object it doesn’t. Strange isn’t it?

Here is my code now:

<!-- caller uses this method to set the 'treat' <treats-object-editor :treat="selectedTreat"/> --> <template> <q-card-section class="q-gutter-sm"> <div class="text-h6">Object in props</div> <div class="text-h6">Use v-model to edit field of Object</div> <q-input outlined v-model="treat.name" label="Name"/> <q-input outlined v-model="treat.calories" label="Calories"/> </q-card-section> </template> <script> export default { props: { treat: Object } } </script>

Hi,

I found a solution. I had to change @input="$emit('input',$event.target.value)" into @input="$emit('input', $event)"

@olaf fork it.

hi @Pratik-Patel

Thanks for your solution. There is one issue now.
I actually have got a full height table with a fixed header. I have add the css for that in you codepen approach.

I have update the scrollto method to jump to row 60.
When you scroll down beyond row 60 and press the button it scrolls to row 61. Row 60 is behind the table header.

It also does not update the table repaints correct. The table has got some blurred lines. Scroll to row 0. Then press to the button. You will see it jumps to row 60 as last row, but the first 4 rows are blurred.

Do you (or somebody else) have got an idea how to fix this?

Any luck with this? Were you able to solve this?