/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 vote242 views1 answer
Desable no unused vars in vue.js
Javascript Vue
0 vote247 views2 answers
To show which tab is active in VueJS
Javascript Vue
6 votes251 views2 answers
Binding style vuejs
Javascript Vue
1 vote250 views1 answer
Track window resize in vue
Javascript Vue
1 vote245 views2 answers
Vue watch props
Javascript Vue
2 votes238 views1 answer
Add tailwind to vue 3
Javascript Vue
1 vote209 views1 answer
Vue firebase project tutorial
Javascript Vue
0 vote260 views1 answer
Vue js skeleton loading
Javascript Vue
1 vote262 views1 answer
Vuejs v-for reverse
Javascript Vue
2 votes244 views1 answer
Acces store from vue console javascript
Javascript Vue