Dr. GetWellSon was said: Get well soon!
And so I am too.

(I am writing this gently and with quite funny mood).

Hi, everyone who are reading this question topic?
Just I know how to use the V-if and V-else but there is a problem.
How I can use them in attributes. For instance, with color attribute of a button.
I tried many codes but they were unsuccessful. So I will share the code which was written before the flow of problems:

<div class="q-pa-md">
<!-- Button should be blue if the button value is equal to 0 otherwise it should be red-->
    <button color="red">Hello World</button>
</div>

and the Script(JS) part code:


//Note that returned button value should be string but number. As following code.
//And the button value is dynamic it changes its value when I pressed another button.

data() {
    return {
        button: '0'
    }
}

Expected: When I press the button the value of button data should change like this: 0 when I press the other button it becomes 1. But the data value of button should be string. And when the value changes the color should become to the default (red) color but if it is 0 it should be blue;

Thanks for th answer in advance. I wait your answer in this 24 hours. Thanks again.

@s-molinari namely, Scott, thank you. I just found the answer. And I want to answer my question myself. Because it will be a good answer for the ones who came after us to here.
So the answer looks like this:

<div id="q-app">
  <div class="q-pa-md">
		<q-btn :color="exampleColour" label="Colorful button" />
    </div>
</div>

and the important part (JS):

new Vue({
  el: '#q-app',
  data() {
     return {
        exambutton: '0'
     }
  },
  computed: {
    examColour() {
      if(this.exambutton === '0') {
        return 'red'
      } else {
        return 'orange'
      }
    }
  }
})

And you can find more here in the pen: https://codepen.io/Mirzo-N1/pen/povLzGv

Thank you for everyone, Just I understood somethng, sometimes working on an error makes the best result and the state which is how you find the code will never be forgotten.

Just you can close the topic.

@s-molinari Oh! “examButton” I get it. Thank you, Scott. I’ve already bought this course and watching it. And I am reciting the things I learned when I am alone. Almost, I finished half of it. And I try to learn the full stack web-development from the beginning. I already know HTML, CSS “as my 5 fingers”. But the three things I want to learn for making completely dynamic, fast and pretty website are JS, VueJS and Quasar. And Again I want to add a feature to this trio. And this is database. What do you say? Which database is more compatible with the Quasar framework? I wait your answer.

@s-molinari ???

Yes please add this kind of opportunity

Beginning from the coming weeks or months, Google Play is not going to support .APK files. We need to generate .AAB files. Does quasar has such kind of opportunity?

I think this app has already been stopped being supported.

Awesome.

Best of all.

Dr. GetWellSon was said: Get well soon!
And so I am too.

And want to say one thing.
Everyone who don’t want to add that feature can skip while installation.
Why it should be removed. There are many users who wanted to add that feature.
Why the most people are wanting it to be down, IDK? But I know one thing.
Does so many time spent on this feauture should go somewhere? If yes why?
Think so many tries. So many hours and days. Oh no. Please leave it there.
Most of the people want that feature to be in their project and IE!! support

Wow, neatly done work. Awesome. Thank you Razvan.

Yeap, It shouldn’t be left here. So many hard works done on it. It should be developed.

Just use Quasar.Conf.Js file. Go to the framework section. Then, inside, find the section named config.
If there is no such section create it inside framework section. Then inside of it write dark: true. That’s it.