Salut,
Am rezolvat o problema si acum intampin alta… Am niste prescriptii si imi functioneaza vue-ul doar pentru prima (primul rand). Pe a doua prescriptie nu functioneaza. De ce? Sa fiu mai explict atasez 2 poze: https://imgur.com/b45QlU3 Aici imi functioneaza vue-ul si imi apare “add” si “remove”, iar aici pe a doua prescriptie nu mai apare https://imgur.com/S79Gq5M
Aici am vue-ul:
<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>
si aici e html-ul:
@if(count($bookings)>0)
<!-- Modal -->
<div class="modal fade" id="exampleModal{{$booking->user_id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<form action="{{route('prescription')}}" method="post">@csrf
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Prescription</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="app">
<input type="hidden" name="user_id" value="{{$booking->user_id}}">
<input type="hidden" name="doctor_id" value="{{$booking->doctor_id}}">
<input type="hidden" name="date" value="{{$booking->date}}">
<div class="form-group">
<label>Disease</label>
<input type="text" name="name_of_disease" class="form-control" required="">
</div>
<div class="form-group">
<label>Symptoms</label>
<textarea name="symptoms" class="form-control" placeholder="symptoms" required=""></textarea>
</div>
<div class="form-group">
<label>Medicine</label>
<add-btn></add-btn>
</div>
<div class="form-group">
<label>Procedure to use medicine</label>
<textarea name="procedure_to_use_medicine" class="form-control" placeholder="Procedure to use medicine" required=""></textarea>
</div>
<div class="form-group">
<label>Feedback</label>
<textarea name="feedback" class="form-control" placeholder="feedback" required=""></textarea>
</div>
<div class="form-group">
<label>Signature</label>
<input type="text" name="signature" class="form-control" required="">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</div>
</form>
</div>
</div>
@endif