/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

31 votes281 views5 answers
Inline style vue
Javascript Vue
1 vote133 views1 answer
Vue test utils emitted
Javascript Vue
0 vote138 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
-1 vote141 views2 answers
How to call function from another component in vue js
Javascript Vue
5 votes128 views1 answer
Vue prop string or number
Javascript Vue
0 vote129 views1 answer
Vue js video call
Javascript Vue
0 vote173 views3 answers
How to render file vue template in javascript with gulp
Javascript Vue
0 vote137 views1 answer
Vue shortcut to create component
Javascript Vue
8 votes143 views4 answers
Vue 3 create app
Javascript Vue
0 vote137 views1 answer
Page slug vuejs
Javascript Vue