/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

6 votes289 views1 answer
Vuejs set
Javascript Vue
0 vote279 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
63 votes380 views4 answers
Install vue js
Javascript Vue
-1 vote331 views3 answers
Vite vue 3 create new component cli
Javascript Vue
2 votes311 views1 answer
Vue js data bind
Javascript Vue
1 vote283 views1 answer
Vue npx
Javascript Vue
0 vote366 views2 answers
Vuejs slots events
Javascript Vue
0 vote282 views3 answers
How to render file vue template in javascript with gulp
Javascript Vue
0 vote284 views1 answer
Nuxt vuetify google fonts undefined
Javascript Vue
0 vote297 views1 answer
Vue router guard
Javascript Vue