/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

17 votes291 views6 answers
Vue cdn
Javascript Vue
0 vote226 views1 answer
Vuejs use set to prevent duplicates
Javascript Vue
0 vote222 views1 answer
Vue 3 computed getter setter
Javascript Vue
0 vote220 views2 answers
Vuejs accessing props from data
Javascript Vue
0 vote235 views1 answer
Vuerouter route grouping
Javascript Vue
0 vote231 views1 answer
Vuejs get data fromo ajax
Javascript Vue
6 votes239 views2 answers
Binding style vuejs
Javascript Vue
2 votes223 views2 answers
Vue directive
Javascript Vue
0 vote249 views1 answer
Laravel vue js component won't mount
Javascript Vue
0 vote219 views1 answer
Re init data vue js
Javascript Vue