Discussion on: Ionic Modal In Vue JS, Managing Events

[Suzanne-van-Gelder]

Yes, I have cloned the project with updated code from github.com/aaronksaunders/ionic-vu....

I have changed
data: {
name: "Why Data"
}
into
data: {
title: "Why Data"
}
but both do not show "Why Data" in the title of the modal, but "Super Modal" instead.

I run Ionic Framework : @ionic/vue 5.5.2 with vue@3.0.4

[Aaron K Saunders]

to change the title of the modal, you need to set the modals title property, you are changing the data property which has no impact on the modal

[Suzanne-van-Gelder]

I think you mean:
props: {
title: { type: String, default: "Super Modal" }
},
But how do I change this using parameters from detail.vue?

[Aaron K Saunders]

    <simple-modal
      :title="data"
      @modalSave="handleSave"
      @modalCancel="handleCancel">
    </simple-modal>

[Suzanne-van-Gelder]

Thank you, it's working now.

[Aaron K Saunders]

Thanks, please like and subscribe to my YouTube channel, trying to get my subscribers over 2000!! And you will get updated when I push new content