Vue JS - Open link in new tab Example

By Hardik Savani September 6, 2020 Category : Vue.JS

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:

Read Also: 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://itsolutionstuff.com", "_blank");    
      }
    }
  });
</script>
  
</body>
</html>

I hope it can help you...

Tags :

We are Recommending you

Popular Posts

Categories

Latest Posts