How to Open URL in New Tab using Vue JS

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 Open a URL in a new tab using Vue JS, hear for open a new tab in browser using vuejs we will give you demo and example for implement.
In this post, we will learn about How to open some page on other tab in Vuejs with an example.

PHP

How to Open URL in New Tab using PHP

Vue.js Open link in new tab

You can use simple native Pure JavaScript function with some attributes window.open property to open a new tabs window link(url) in make new tab. Here in this Post, I Am Gonna to Step By step how you can use Vue.js Open link in new tab JavaScript Example property to open a link in vuejs new tab.

Read Also:  vue router change route programmatically

<div id="pakainfoapp">
	<button>Click Me - pakainfo</button>
</div>

 new Vue({
el: '#pakainfoapp',
  
  data: {
	  myModel:false
  },  
   methods:{
    myFunction: function () {		
		window.open("http://www.pakainfo.com", "_blank");		
    }
	}

});
 

Can vue-router open a link in a new tab?

let routeData = this.$router.resolve({name: 'about_us', query: {data: "pakainfo"}});
window.open(routeData.href, '_blank');

Laravel

How to Open URL in New Tab using Laravel

Read :

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about Open a link in a new window using vuejs.
I would like to have feedback on my Pakainfo.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.