/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

1 vote333 views1 answer
Vue create component
Javascript Vue
3 votes322 views1 answer
Filter array in vuex
Javascript Vue
0 vote274 views3 answers
Using the watch method to monitor route updates in vue
Javascript Vue
1 vote300 views1 answer
Vue electron min width
Javascript Vue
0 vote300 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
28 votes472 views4 answers
Vue inline style bind
Javascript Vue
0 vote332 views1 answer
Set visible vue
Javascript Vue
0 vote326 views1 answer
Define var vuejs
Javascript Vue
1 vote342 views2 answers
Vue watch props
Javascript Vue
0 vote354 views2 answers
Javascript vue.js right click
Javascript Vue