Vue JS – Open link in new tab Example

Vue JS – Open link in new tab Example

In this post we will give you information about Vue JS – Open link in new tab Example. Hear we will give you detail about Vue JS – Open link in new tab ExampleAnd how to use it also give you demo for it if it is necessary.

If you want to open url in new tab in vue js then i will help to give simple example of open link in new tab in vuejs. we will do using jquery window.open and “_blank” option so it open in new tab.

we will use simple jquery window for open new tab for url. bellow i give you full and simple example so you can simply copy html file and check how it works. let’s see bellow example.

Example:

Also see:How to use setTimeout in Vue JS?

<!DOCTYPE html>

<html>

<head>

<title>Vue JS - Open link in new tab Example - ItSolutionStuff.com</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.min.js"></script>

</head>

<body>

<div id="app">

<button @click="myFunction()">Click Me</button>

</div>

<script type="text/javascript">

new Vue({

el: '#app',

data: {

myModel:false

},

methods:{

myFunction: function () {

window.open("https://onlinecode", "_blank");

}

}

});

</script>

</body>

</html>

I hope it can help you…

Hope this code and post will helped you for implement Vue JS – Open link in new tab Example. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

6  +  3  =  

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US