/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 vote314 views1 answer
Rails + vue js projcet demo
Javascript Vue
1 vote352 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
0 vote340 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
0 vote364 views1 answer
Vue function data update
Javascript Vue
11 votes358 views2 answers
Vue router push
Javascript Vue
-1 vote349 views2 answers
Call a function of another component vue
Javascript Vue
0 vote332 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
18 votes449 views6 answers
Vue js cdn
Javascript Vue
1 vote344 views4 answers
For loop vue object
Javascript Vue
1 vote351 views1 answer
Get text inside span vue test utils
Javascript Vue