feat: [Request] QBtn router handling ("to" and "replace" props) quasarframework#2058

Author: rstoenescu

dev/components/components/button.vue

@@ -46,6 +46,9 @@
       </q-toolbar>
 
       <br><br>
+      <p>
+        <q-btn label="Go to index page" to="/" />
+      </p>
       <p>
         <form @submit.prevent="submit" @reset.prevent="reset" class="shadow-2 row q-pa-md items-center">
           <q-input v-model="test" class="col" />

src/components/btn/QBtn.js

@@ -9,7 +9,9 @@ export default {
     percentage: Number,
     darkPercentage: Boolean,
     waitForRipple: Boolean,
-    repeatTimeout: [Number, Function]
+    repeatTimeout: [Number, Function],
+    to: [Object, String],
+    replace: Boolean
   },
   computed: {
     hasPercentage () {
@@ -51,6 +53,10 @@ export default {
         }
 
         this.$emit('click', e)
+
+        if (this.to !== void 0) {
+          this.$router[this.replace ? 'replace' : 'push'](this.to)
+        }
       }
 
       if (this.waitForRipple && this.hasRipple) {