How to Replace String in Vue JS?

By Hardik Savani June 30, 2023 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:

Read Also: Vue JS Get Selected Option Text 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...

Tags :
Previous

How to Open a Link in a New Tab in Vue JS?
Next

How to Integrate Stripe Payment Gateway in Laravel?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares