/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

1 vote187 views1 answer
Vue copy image to clipboard
Javascript Vue
0 vote195 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue
0 vote204 views1 answer
Set visible vue
Javascript Vue
6 votes206 views1 answer
Vuejs set
Javascript Vue
0 vote188 views1 answer
Vue route automatic redirect
Javascript Vue
0 vote201 views1 answer
One component to another component in vuejs trigger function
Javascript Vue
0 vote221 views1 answer
Vuejs list items from axios
Javascript Vue
0 vote205 views2 answers
Vue timeout
Javascript Vue
21 votes273 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
-2 votes233 views1 answer
Vue js get routes
Javascript Vue