/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 votes107 views1 answer
How to run vue js project on different port
Javascript Vue
0 vote182 views1 answer
Vue electron read file
Javascript Vue
2 votes114 views1 answer
Vue js get width of element
Javascript Vue
3 votes79 views3 answers
Timer countup in vue js
Javascript Vue
0 vote114 views2 answers
Vuejs nested v-for
Javascript Vue
4 votes99 views1 answer
How to call action from another module vuex
Javascript Vue
5 votes101 views1 answer
Vue prop string or number
Javascript Vue
4 votes143 views2 answers
Vue router url string
Javascript Vue
0 vote123 views1 answer
Vuejs typescript can't access data
Javascript Vue
-1 vote104 views1 answer
Vuex store in js file
Javascript Vue