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-04 07:21:15Z

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 4, 2018 at 7:21

answered May 4, 2018 at 7:17

Janis Jansen

1,0551 gold badge18 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

handsomer223 Over a year ago

it worked. But how to make it open in a different tab? right now it is opening in the same tab.

Quezler Over a year ago

@handsomer223 that can be found here

Janis Jansen Over a year ago

@handsomer223 don't forget to pick the working answer ^^, Cheers!

Collectives™ on Stack Overflow

Vuejs redirect to url when clicked on a button

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related