Vue Uppercase Array of Strings
Vue Uppercase Array of Strings:In Vue, you can convert an array of strings to uppercase using the map()
method, which applies a function to each element of the array and returns a new array with the modified values. To convert the strings to uppercase, you can use the toUpperCase()
method.

written

reviewed

updated

Thanks for your feedback!
Your contributions will help us to improve service.
How can I convert all strings in an array to uppercase using Vue js?
You can use the map
function to create a new array with the uppercase versions of all strings in the original array. Then, you can use a computed property to return this new array as the data source for your Vue template.
Here is an example code snippet that shows how to convert all strings in an array to uppercase using Vue.js
Vue Uppercase Array of Strings Example
Copied to Clipboard
xxxxxxxxxx
<div id="app">
<h3>Vue Uppercase Array of Strings</h3>
<ul>
<li v-for="item in uppercaseItems">{{ item }}</li>
</ul>
</div>
<script type="module">
const app = new Vue({
el: "#app",
data() {
return {
items: ['apple', 'banana', 'cherry']
}
},
computed: {
uppercaseItems() {
return this.items.map(item => item.toUpperCase())
}
}
});
</script>
Output of Vue Uppercase Array of Strings
Ad