/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 vote141 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
0 vote124 views1 answer
Vue dispatch action at tab close
Javascript Vue
0 vote119 views2 answers
Ionic vue electron
Javascript Vue
0 vote149 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
35 votes215 views6 answers
Vue3 cdn
Javascript Vue
0 vote123 views1 answer
Vue sidebar
Javascript Vue
0 vote120 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
0 vote135 views1 answer
Vuejs typescript can't access data
Javascript Vue
2 votes124 views1 answer
Vue local storage delete
Javascript Vue
0 vote126 views1 answer
Vuejs localstorage add value
Javascript Vue