/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

0 vote308 views1 answer
Vuejs cant add script in template
Javascript Vue
7 votes338 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote296 views1 answer
Vuejs pass data to router-view
Javascript Vue
1 vote341 views2 answers
Vue 3 props
Javascript Vue
0 vote324 views2 answers
Vuejs scrollBehavior
Javascript Vue
0 vote342 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote310 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
3 votes265 views2 answers
Vue event
Javascript Vue
4 votes326 views2 answers
Vue router url string
Javascript Vue
0 vote317 views1 answer
Vuejs v-model when enter pressed
Javascript Vue