/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 vote155 views1 answer
Vue router default page not loaded
Javascript Vue
1 vote175 views1 answer
How to access router from the store vue
Javascript Vue
0 vote174 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
0 vote139 views2 answers
Vue config devtools
Javascript Vue
1 vote154 views2 answers
Vue settimeout in computed
Javascript Vue
0 vote140 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote150 views1 answer
Get props from methods in vue
Javascript Vue
0 vote141 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
1 vote196 views1 answer
Vuex state from another module
Javascript Vue
-2 votes148 views1 answer
What is slot in vue.js
Javascript Vue