screen_rotation
Copied to Clipboard
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h1>Vue Js Remove empty strings from an array </h1> <h2>My Array:</h2> <ul> <li v-for="(item, index) in myArray" :key="index">{{ item }}</li> </ul> <h3>My Filtered Array:</h3> <ul> <li v-for="(item, index) in filteredArray" :key="index">{{ item }}</li> </ul> </div> <script type="module"> const app = new Vue({ el: "#app", data() { return { myArray: ["Vue Js", "", "React Js", "", "Angular Js"], filteredArray: [], } }, mounted() { // Use filter() to remove empty strings this.filteredArray = this.myArray.filter(Boolean); }, }) </script> </body> </html>