How to replace string in Vue JS?

By Hardik Savani | December 7, 2018 | | 22153 Viewer | Category : Vue.JS


In example, i will show you how to replace string in vuejs. we will replace string using jquery replace function. we will use jquery code replace function to replace word form string in vue.js.

Below simple example to replace string "Welcome to ItSolutionStuff.com" into "Welcome to HDTuto.com". It is a very simple and basic, so you can easily understand it.

Example:

<!DOCTYPE html>

<html>

<head>

<title>How to replace string in Vue JS? - ItSolutionStuff.com</title>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</head>

<body>

<div id="app">

<div id="myId" ref="myId">{{ message }}</div>

<button @click="myFunction()">Click Me</button>

</div>

</body>

<script type="text/javascript">

new Vue({

el: '#app',

data: {

message:"Welcome to ItSolutionStuff.com"

},

methods:{

myFunction: function () {

this.message = this.message.replace("ItSolutionStuff.com", "HDTuto.com");

}

}

});

</script>

</html>

I hope it can help you...



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
***Do you want me hire for your Project Work? Then Contact US.

Tags :

Vue.JS

We are Recommending you: