Vue Js String Includes Method
Vue Js String Includes Method:Vue.js string includes is a function that allows you to search for a given string within another string.The includes() method uses a case-sensitive search to determine whether one string might be contained by another, returning true or false depending on the situation.In this tutorial, we'll go over how to find substrings using Vue.js's includes method.

written

reviewed

updated

Thanks for your feedback!
Your contributions will help us to improve service.
String can be checked to see if a substring is present in Vue.Js
Vue.js provides a variety of methods for searching and manipulating strings, including the "includes()" method, which can be used to check whether a given substring is present in a string.
Vue js string contains substring Example True
Copied to Clipboard
xxxxxxxxxx
<div id="app">
<p>{{string}}</p>
<button @click="myFunction">click me</button>
<p>{{results}}</p>
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
data()
{
return{
string : 'SarkariNaukariExams',
substring:'Exams',
results:""
}
},
methods:{
myFunction(){
this.results = this.string.includes(this.substring);
},
}
}).mount('#app')
</script>
Output of above example
Starting the search character within string in Vue at position 7
The search in Vue.js can be done using position 7 as the starting point
Vue js Check if given words are present in a string
Copied to Clipboard
xxxxxxxxxx
<div id="app">
<p>{{string}}</p>
<button @click="myFunction">click me</button>
<p>{{results}}</p>
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
data()
{
return{
string : 'TutorialsPlane',
substring:'Plane',
results:""
}
},
methods:{
myFunction(){
this.results = this.string.includes(this.substring,9);
},
}
}).mount('#app')
</script>
Output of above example
Ad