/Javascript/Vue/Vue.js function to always uppercase when the client input lowercase

Vue.js function to always uppercase when the client input lowercase

<div id="app">	
	<p>{{myStr}}</p>
	<p>{{myStr2}}</p>
	<button @click="myFunction()">Click Me</button>
</div>
<script>
 new Vue({
el: '#app',
  
  data: { 
	  myStr:"Hello World!",
	  myStr2:""
  },
  
   methods:{
    myFunction: function () {	
		this.myStr2 = this.myStr.toUpperCase();
    }
   }

});
</script>

Source: tutorialsplane.com

Similar codes

-1 vote107 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote100 views1 answer
Dynamic vue js maintenance mode
Javascript Vue
0 vote95 views1 answer
Laravel vue global function
Javascript Vue
0 vote70 views1 answer
Vue 3 emit update prop
Javascript Vue
1 vote66 views1 answer
Convert string to array vuejs
Javascript Vue
0 vote91 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
0 vote107 views1 answer
Vuetify use selected value
Javascript Vue
10 votes101 views2 answers
Vuejs set default value for prop
Javascript Vue
0 vote95 views1 answer
Vue electron name and icon
Javascript Vue
1 vote106 views1 answer
Vue electron min width
Javascript Vue