How to Open a Link in a New Tab in Vue JS?

By Hardik Savani June 30, 2023 Category : Vue.JS

Hi Friends,

In this example, you will learn vue js open new window. I explained simply about vue js open new tab. It's a simple example of vue js open link in new tab. you'll learn open new tab using vuejs. Let's get started with vue open link.

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 Ternary Operator 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 :
Previous

How to Use setTimeout Function in Vue JS?
Next

How to Replace String in Vue JS?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares