Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- new Vue({
- el: '#app',
- data: {
- visitors: [],
- visitor: [],
- },
- methods: {
- addVisitor() {
- this.visitors.push(this.visitor);
- this.visitor = [];
- },
- storeVisit()
- {
- axios({
- method: 'post',
- url: '/visit/new',
- data: {
- visitors: this.visitors
- }
- });
- }
- },
- });
- </script>
- <p>Visitors</p>
- <div class="columns">
- <div class="column">
- <input class="input" placeholder="First Name" v-model="visitor.first">
- </div>
- <div class="column">
- <input class="input" placeholder="Last Name" v-model="visitor.last">
- </div>
- <div class="column">
- <input class="input" placeholder="Company" v-model="visitor.company">
- </div>
- <div class="column">
- <input class="input" placeholder="Email" v-model="visitor.email">
- </div>
- <div class="column">
- <button class="button is-primary" @click="addVisitor()">Add</button>
- </div>
- </div>
- <button class="button is-primary" @click="storeVisit">Save Visit</button>
- public function store(Request $request)
- {
- return $request->visitors;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement