/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 vote344 views1 answer
Electron vue printer
Javascript Vue
0 vote324 views1 answer
Use vue cdn with firestore
Javascript Vue
0 vote329 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
0 vote513 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote317 views1 answer
Vue js use component everywhere
Javascript Vue
0 vote309 views1 answer
Vuelidate custom error messages
Javascript Vue
0 vote323 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote312 views1 answer
Vue block other script event listeners
Javascript Vue
4 votes307 views4 answers
Vue scroll to top
Javascript Vue
0 vote356 views1 answer
Vue function data update
Javascript Vue