/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 votes354 views2 answers
Vue directive
Javascript Vue
62 votes494 views4 answers
How to install vue
Javascript Vue
0 vote363 views1 answer
How to use the onload event n vue js
Javascript Vue
11 votes406 views2 answers
Vue nextTick
Javascript Vue
0 vote348 views1 answer
Npm install vue 2
Javascript Vue
0 vote362 views2 answers
Vuejs filter array by dates
Javascript Vue
0 vote357 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
1 vote341 views1 answer
How to access router from the store vue
Javascript Vue
0 vote361 views1 answer
How to add bootstrap to vue js
Javascript Vue
2 votes375 views1 answer
Clear input from file vue
Javascript Vue