/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 vote183 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
77 votes327 views6 answers
Install vue cli
Javascript Vue
-1 vote208 views4 answers
Vue font awesome icons
Javascript Vue
0 vote181 views1 answer
Vue js data property in component must be a function
Javascript Vue
0 vote230 views1 answer
Routing vue with meta tag firebase
Javascript Vue
0 vote185 views2 answers
Navbar route with params vue
Javascript Vue
1 vote193 views1 answer
Live vue js port number
Javascript Vue
0 vote196 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
0 vote197 views1 answer
Vuejs typescript can't access data
Javascript Vue
0 vote180 views1 answer
Vue get window width
Javascript Vue