/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

2 votes216 views1 answer
Button click redirection to another page vue
Javascript Vue
3 votes219 views1 answer
Filter array in vuex
Javascript Vue
9 votes210 views3 answers
Vue boolean
Javascript Vue
0 vote206 views1 answer
Sortby vue
Javascript Vue
3 votes225 views5 answers
Vue js countdown timer
Javascript Vue
0 vote214 views2 answers
Vue nested loop
Javascript Vue
8 votes221 views3 answers
Query params vuejs
Javascript Vue
0 vote216 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
2 votes214 views2 answers
Vue + change router link active class
Javascript Vue
1 vote196 views1 answer
Vue 3 define props script setup
Javascript Vue