%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/.trash/laravel/resources/js/components/
Upload File :
Create Path :
Current File : /home/ugotscom/.trash/laravel/resources/js/components/addlead.vue

<template>

        <form action="/leads" method="POST" @submit.prevent="addlead()">

    <div class="form-group">
      <label for="lead_name">Name</label>
      <input type="text" class="form-control" v-model="leadname" placeholder="Name">
    </div>
 
  <div class="form-group">
    <label for="phone">Phone</label>
    <input type="text" class="form-control" name="phone" v-model="phone" placeholder="1234 Main St">
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input type="text" class="form-control" name="email" v-model="email" placeholder="Apartment, studio, or floor">
  </div>
 
  <select v-model="location">
  <option disabled value="">Please select one</option>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>
<span>Selected: {{ location }}</span>
  <button type="submit" value="submit" class="btn btn-primary">Submit</button>
</form>

   
</template>

<script>
    export default {
      data(){
        return{
        leadname:'',
        email:'',
        phone:'',
        location:'',
        }
      
      },
        mounted() {
            console.log('Component mounted.')
        },
        methods: {
          addlead(){
               axios
    .post('/leads', {
      lead_name: this.leadname,
      email: this.email,
      phone: this.phone,
      location:this.location
    }) .then( response => this.$router.push({ path: '/leadslist/'}));
            }
        }

    }
    
</script>

Zerion Mini Shell 1.0