¿Por qué funciona en el primero y no funciona en el segundo? Trabajo de la primera fila: https://imgur.com/b45QlU3 La última fila no funciona: https://imgur.com/S79Gq5M vue:

 <template> <div> <div class="form-group" v-for="(input,index) in inputs" :key="index"> <input type="text" name="medicine[]" class="form-control"> <span> <a href="" @click.prevent="add(index)" v-show="index== inputs.length-1" style="color: green;">Add</a> <a href="" @click.prevent="remove(index)" v-show="index||(!index &&inputs.length >1)" style="color: red;">Remove</a> </span> </div> </div> </template> <script type="text/javascript"> export default{ data(){ return{ inputs:[{}] } }, methods:{ add(){ this.inputs.push({ medicine:'' }) }, remove(index) { this.inputs.splice(index,1) } } } </script>