PHP Classes

File: resources/assets/js/views/SingleProduct.vue

Recommend this page to a friend!
  Classes of Hillary Kollan  >  Laravel eCommerce with Vue.js  >  resources/assets/js/views/SingleProduct.vue  >  Download  
File: resources/assets/js/views/SingleProduct.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel eCommerce with Vue.js
Implementation of an interactive eCommerce site
Author: By
Last change:
Date: 8 months ago
Size: 1,375 bytes


Class file image Download
    <div class="container">
        <div class="row">
            <div class="col-md-8 offset-md-2">
                <img :src="product.image" :alt="">
                <h3 class="title" v-html=""></h3>
                <p class="text-muted">{{product.description}}</p>
                    <span class="small-text text-muted float-left">$ {{product.price}}</span>
                    <span class="small-text float-right">Available Quantity: {{product.units}}</span>
                <router-link :to="{ path: '/checkout?pid=' }" class="col-md-4 btn btn-sm btn-primary float-right">Buy Now</router-link>

    export default {
            return {
                product : []
            let url = `/api/products/${this.$}`
            //axios.get(url).then(response => this.product =;

            fetch(url).then(res => res.json()).then(res =>{
                this.product =;
            }).catch(err => console.log(err))


<style scoped>
    .small-text { font-size: 18px; }
    .title { font-size: 36px; }
For more information send a message to info at phpclasses dot org.