I also tried QDialog, and found the same issue. Also used QBtn to replace the router-link, still have the same problem.

The Quasar works fine for SPA at localhost:port# hosted by tomcat.

To test the mobile app, I ran the “quasar dev -m cordova -T ios” with my iphone connected with my laptop through USB, the app was installed and also opened with the index.html. The problem is I cannot connect it to the tomcat backend running @ localhost:port#, when I make a post or get request.

The config.xml is like this:

<?xml version=‘1.0’ encoding=‘utf-8’?>
<widget id=“com.xprotocol.quasar.app” version=“1.0.0” xmlns=“http://www.w3.org/ns/widgets” xmlns:cdv=“http://cordova.apache.org/ns/1.0”>
<name>Quasar App</name>
<description>A Quasar App</description>
<author email="dev@cordova.apache.org" href=“http://cordova.io”>
Apache Cordova Team
</author>
<content src=“index.html” />
<access origin="" />
<allow-intent href="http:///" />
<allow-intent href="https:///" />
<allow-intent href="tel:" />
<allow-intent href=“sms:" />
<allow-intent href="mailto:” />
<allow-intent href=“geo:" />
<platform name=“android”>
<allow-intent href="market:” />
</platform>
<platform name=“ios”>
<allow-intent href=“itms:" />
<allow-intent href="itms-apps:” />
</platform>
<plugin name=“cordova-plugin-whitelist” spec="^1.3.3" />
<engine name=“ios” spec="^4.5.4" />
</widget>

What steps I need to take to make it work?

Thanks a lot.

After I moved the Modal into the parent page, the issue is gone. Not sure why I cannot put it into a separate component page.

I also tried QDialog, and found the same issue. Also used QBtn to replace the router-link, still have the same problem.

The first click after loading the page is fine. Then I need to double click to open it. After a few times, clicking the button to open the modal is not working at all until a couple minutes, and then I can double click to open it. Not sure if something is wrong here.

In parent:

<router-link class=“link-with-bg” v-on:click.native=“showSignUpModal” to="/"> Sign In</router-link>
<signup-modal v-bind:display=“signUpModalDisplay”></signup-modal>

In child:

<template id=“login-template”>
<q-modal v-model=“show” :content-css="{padding: ‘20px’}">
<div class=“q-display-1 q-mb-md”>Modal</div><p>This one gets displayed from .</p>
<q-btn color=“orange” @click=“show = false” label=“Close” />
</q-modal>
</template>

<script>

import {QModalLayout} from 'quasar'

export default {
    
    props: {
        display: {
            type: Boolean,
            required: true
        }
    },
    data: function () {
        return {
            show: null
        }
    },     
    computed: {
        
    },
    components:{
        QModalLayout,
    },
    methods: {
        
    },
    watch: {
        display: function(){
            this.show = this.display
        }
    }
}

</script>

Just found out that was due to the setting of the path to static web content was incorrect. Fixed it already.

Got the error in loading the js files.

And this is the manifest.xxx.js file: