Vuejs redirect to url when clicked on a button

Question

I have a button on which when I click I want it to redirect to a url that is begin passed in it.

Here is my code.

<template>
<button type="button" v-on:click="gotosite(modalDetails.final.product_url)">Buy</button>
</template>

<script>
 .
 ..
 ...
 .....
 methods : {
        gotosite(producturl){
        this.window.location.href = producturl
            }

</script>
<style></style>

When I click on the button it doesnot redirect me to a url.

I am thinking of making the tag look like button and use it redirect it but how to do it via button.

Janis Jansen · Accepted Answer · 2018-05-04T07:21:15.723

7

That maybe is because window isn't an object of this. Try using just window.location and it should work just fine.

edited May 04 '18 at 07:21

answered May 04 '18 at 07:17

Janis Jansen

996
1
16
36

it worked. But how to make it open in a different tab? right now it is opening in the same tab. – handsomer223 May 04 '18 at 07:19
@handsomer223 [that can be found here](https://stackoverflow.com/questions/5141910/javascript-location-href-to-open-in-new-window-tab) – Quezler May 04 '18 at 07:20
@handsomer223 don't forget to pick the working answer ^^, Cheers! – Janis Jansen May 04 '18 at 07:26

Vuejs redirect to url when clicked on a button

1 Answers1