I read some more and realized that popup edit is not what I need, but a dialog, Thanks!

I never used a codepen, I just tried now but it doesn’t seem to know “q-popup-edit” - it just shows the content of it…
Sorry for a newbie question

You are right, so I’m even more confused now.
I tried v-if=“showPopup” but that doesn’t do anything when I set it to true.
persistent also made it go away when I clicked outside of it.

I think the problem is the fact it disappears when I click outside of it without actually setting showPopup = false; (hence it remains true).
I guess my question would be: how to avoid closing the popup when clicking outside of it?
Thanks

ps: Did I understand correctly that not only the popup edit itself should v-model=“X” but also all its children components?

Just one more info that might be relevant: the popup edit is in app.vue so when I wrote route in/out, I actually meant routing between pages inside app.vue.

Hi

I have a dialog with v-model that is set to false

<q-dialog v-model="alert">

When I want to show it, I set

alert=true;

and it shows.

I want to do the same with popupedit

<q-popup-edit v-model="showPopup" :cover="false" anchor="center middle">

Clicking a button that sets showPopup to true does make it appear as expected.
When clicking outside of it, it disappears as expected.
The problem is when routing in/out from/to the page. When that happens, the popup appears for several seconds and then vanishes. Am I doing something wrong?
Thanks

Hi

I have a store object that I work with and its data is loaded from the server. For simplicity, lets say the object is:

user : {
   name: "";
   age: 0;
}

when the user logs in to the web version, the app loads the data from the server into this object and all is good. When the user logs out, the object is forgotten until the next time he logs in and the app loads the data again.

In electron mode (Windows), I want to store (encrypted) this data locally (in the same folder as the exe file) so the next time the user opens the app and logs in, the data will be loaded from that file instead of querying the server for it.

Is there a quasar way to do it?

bonus question:

quasar build -m electron

creates an exe file in Windows, if I want to create a MAC version, do I have to have a MAC for that?

Thanks

Thanks a lot! My mistake was adding () to isValidEmail in the rules section

How can I activate the rules from the start, even before the user focused on the field?

How can I use the same rule for 2 different fields so the error will appear in the correct field?
I tried something like this:

isPassValid() {        
        if (which == 1)
          return this.password.length > 7 || 'Password should be at least 8 characters';
        else
          return this.confirmPassword.length > 7 || 'Confirm password should be at least 8 characters';
      },

but I can’t pass which parameter.

Related: I want to disable the login button until all rules are met. Rules as methods can do the trick or is there a cleaner way?

Thanks

Thanks! My problem was understanding how to add this check on top of others. I did the following

:rules="[val => !!val || 'Email is missing', isValidEmail(),]"

data () {
  return {      
    regEmail: "",
  }
}

methods: {
  isValidEmail () {
    const emailPattern = /^(?=[a-zA-Z0-9@._%+-]{6,254}$)[a-zA-Z0-9._%+-]{1,64}@(?:[a-zA-Z0-9-]{1,63}\.){1,8}[a-zA-Z]{2,63}$/;
    return emailPattern.test(this.regEmail) || 'Invalid email';
  },
}

Now “email is missing” appears when it should but invalid email never appears. What am I missing?

Hi

I’m newbie to quasar and I want to add an email validation using quasar itself. For now I did the following:

<q-input autofocus square filled v-model="regEmail" type="email" label="email" :rules="[val => !!val || 'Email is missing']"/>

When the email is missing, I get the correct error. I want to add an email validation inside the same mechanism, I guess I need a function to be called from :rules? How?

Also, once I click the login button (for example), how can I make sure to not do anything if one of the above rules are not met? (email missing, password too short, etc)…

Thanks
ps: I posted also in this forum as I might have the wrong forum with my previous posting.