/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 votes184 views1 answer
Vue js get width of element
Javascript Vue
1 vote193 views1 answer
Nativescript vue back button handler
Javascript Vue
1 vote182 views1 answer
V-for only getting one first value vuejs
Javascript Vue
1 vote172 views1 answer
Vue dev server proxy not working
Javascript Vue
2 votes163 views1 answer
Open url in new window vue
Javascript Vue
0 vote174 views1 answer
Set visible vue
Javascript Vue
0 vote139 views2 answers
How to test emited method from child component vue js
Javascript Vue
0 vote174 views1 answer
How to run method in method vue js on load
Javascript Vue
29 votes221 views2 answers
React or vue
Javascript Vue
6 votes166 views2 answers
Redirect in vue
Javascript Vue