Vue Js Get Hash from URL
.jpg)
Vue Js Get Hash(#) from Url: VueJS uses the hash from the URL to determine which page needs to be rendered on a user's device, as well as any specific parameters associated with that page. The location.hash property is a string that allows you to access the URL fragment or "hash" of a page, including the hash sign (#). The location hash property can be used to get the value after the "#" character from a URL With the help of the location.hash property in Vue.js, you can get the hash part of a given URL. With our online editor, you can easily write, edit, and run your code on the same platform.




Thanks for your feedback!
Your contributions will help us to improve service.
How to get the hash value from a URL using Vue Js ?
To get the hash value from a URL using Vue.js, you can use the location object and its hash property.
xxxxxxxxxx
<div id="app">
<a id="link" href="https://fontawesomeicons.com/bootstrap-table/#table-pagination-text-added-dynamically">Bootstrap table</a><br/>
<button @click="myFunction">click me</button>
<p>{{result}}</p>
</div>
<script type="module">
import { createApp } from "vue";
createApp({
data() {
return {
result: "",
url: "",
};
},
methods: {
myFunction() {
this.url = link;
this.result = this.url.hash;
},
},
}).mount("#app");
</script>