how to set default value in q-popup-edit

[chiran22]

Hi,
I am trying to set a default value in q-popup-edit. I see the setting of :model-value property but I can not set this by clicking enter. Here is my code. Please help me.

<q-popup-edit v-else-if="getIfColumnIsEditable(prop.name)"
v-model="props.row[prop.name]"
auto-save
v-slot="scope"

              >
                <q-input
                  v-model="scope.value"
                  step=10
                  type="number"
                  dense
                  min=10
                  @keyup.enter="scope.set"
                  autofocus
                  :label="getHeader(prop.name, 1)"

                     />
              </q-popup-edit>

[MilosPaunovic]

Take a look at the example on the docs:
https://quasar.dev/vue-components/table#popup-editing

[chiran22]

Thank you very much. Its showing the default value but When I enter or click outside of the control, The default value is not getting set. I need to click up/down arrow to set the value. Here is my code. The default value should be set when I click enter or click outside control.

<q-input
v-model="scope.value"
step=10
type="number"
dense
min=10
@keyup.enter="scope.set"
autofocus
:label="getHeader(prop.name, 2)"
:model-value = "scope.value ? scope.value : 10"
/>

[MilosPaunovic]

React to PopupEdit events, such ashide or cancel and call your sav method there.

[chiran22]

Thanks a lot for your responses. Could you please please write some code and send me. I am very very new to this.

[MilosPaunovic]

If you are new to this, you need to write some code yourself, that is the best path to understanding. Use Codepen examples from AUasar documentation as a starting point.

[chiran22]

Hi,
I tried the examples but I am not able to achieve what I want. Could you please please send me some samples on this events how to raise them from control?