/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 vote349 views1 answer
Track window resize in vue
Javascript Vue
0 vote342 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote342 views1 answer
Vue js two form model example site stackoverflow.com
Javascript Vue
0 vote357 views1 answer
Vue get component hash
Javascript Vue
0 vote376 views1 answer
Problem with owl carousel in vue when useing axios
Javascript Vue
0 vote353 views1 answer
How to get attr in vuejs
Javascript Vue
2 votes348 views1 answer
Vue component lifecycle
Javascript Vue
0 vote349 views1 answer
How to open same project on different devices vue js
Javascript Vue
6 votes383 views4 answers
V-for vue
Javascript Vue
0 vote370 views1 answer
Vue send event plus variable
Javascript Vue