/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

0 vote272 views1 answer
Aos initial configuration vue
Javascript Vue
0 vote197 views1 answer
Vue specify build directory
Javascript Vue
0 vote265 views1 answer
Vue dynamic routes with parameters
Javascript Vue
38 votes417 views5 answers
Vue create cli
Javascript Vue
1 vote218 views1 answer
Delete item from array vuejs
Javascript Vue
0 vote213 views1 answer
Chunks bug vue js
Javascript Vue
0 vote216 views1 answer
Hidden vue js
Javascript Vue
0 vote202 views1 answer
Vue shortcut to create component
Javascript Vue
0 vote211 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote205 views1 answer
How to get data from url in vuejs
Javascript Vue