[Ionic Vue 3] Reactivity not working?

Hello,
Before I use Ionic I had this piece of code:

      <div v-if="curDownloadRate !== -1">
        <p>Download: {{ curDownloadRate.toFixed(2) }} mb/s</p>
      </div>
      <div v-if="curUploadRate !== -1">
        <p>Upload: {{ curUploadRate.toFixed(2) }} mb/s</p>
      </div>

which worked well. The curDownloadRate and curUploadRate were updating every 500ms and thanks to reactivity my DOM was updated with it. Now that I have:

<template>
  <ion-page>
    <ion-content>
      <div v-if="curDownloadRate !== -1">
        <p>Download: {{ curDownloadRate.toFixed(2) }} mb/s</p>
      </div>
      <div v-if="curUploadRate !== -1">
        <p>Upload: {{ curUploadRate.toFixed(2) }} mb/s</p>
      </div>
    </ion-content>
  </ion-page>
</template>

I need to resize my browser to see the values updated in real-time, otherwise, nothing happens. I’m using Ionic-vue 5.4.0 with Vue 3. Do you think it’s some kind of bug from the framework or I’m missing something here?

Thanks!

2 posts - 1 participant

Read full topic