How to Open URL in New Tab using Vue JS

Today, We want to share with you How to Open URL in New Tab using Vue JS. In this post we will show you Vue JS open link in new tab on click, hear for Vue JS open link in new tab we will give you demo and example for implement. In this post, we will learn about Vue Tabs open the correct tab on page load with an example.

<router-link to="/YourRouteName" tag="li" active-class="active" exact><a target="_blank">YourText</a></router-link>

Open URL in New Tab using Vue JS Example

<div id="myApp">
      <button @click="pakaget()">Click Me - pakainfo.blogspot.com</button>
    </div>
    <script>
     new Vue({
    el: '#myApp',
      
      data: {
        myModel:false
      },  
       methods:{
        pakaget: function () {    
        window.open("http://www.pakainfo.blogspot.com", "_blank");    
        }
      }
    });
    </script>

Read :

Summary

You can also read about Finance, Insurance, JavaScript, Education.

I hope you get an idea about Vue.js Open link in new tab. I would like to have feedback on my pakainfo.blogspot.com blog. Your valuable feedback, question, or comments about this article are always welcome. If you enjoyed and liked this post, don’t forget to share.

How to Open URL in New Tab using Vue JS