bipin

bipin

Member Since 2 Years Ago

Experience Points 8,970
Experience Level 2

1,030 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed 1
Lessons
Completed
Best Reply Awards 3
Best Reply
Awards
  • Start Your Engines Achievement

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • First Thousand Achievement

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • One Year Member Achievement

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • Two Year Member Achievement

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • Three Year Member Achievement

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • Four Year Member Achievement

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • Five Year Member Achievement

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • School In Session Achievement

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • Welcome To The Community Achievement

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • Full Time Learner Achievement

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • Pay It Forward Achievement

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • Subscriber Achievement

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • Lifer Achievement

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • Laracasts Evangelist Achievement

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • Chatty Cathy Achievement

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • Laracasts Veteran Achievement

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • Ten Thousand Strong Achievement

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • Laracasts Master Achievement

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • Laracasts Tutor Achievement

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • Laracasts Sensei Achievement

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • Top 50 Achievement

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

12 Jul
11 months ago

bipin started a new conversation What Thing Require To Migrate From Http To Https

hello, guys I m using laravel 5.4 version and recently I buy https and SSL certificate, now my problem is that what things are required to change in my project code or in xampp for eg currently my domain is like http://mydomain.com what file or code I had to change or rewrite after my URL or adding https ( https://mydomain.com) I m new to this thing

13 Apr
1 year ago

bipin left a reply on How To Hide Sidebar In Vue

@rin4ik i have addproduct in navItems and other one in localstroge

bipin started a new conversation How To Hide Sidebar In Vue

hello, guys, I m new to Vue and taken a coreui admin panel to develop some font vue but now I got stuck in this problem this is nav.js file

   export default {
          items: [
                   {
                   name: 'Product',
                   url: '/product',
                   icon: 'fa fa-cart-arrow-down',
                         children: [
                                      {
                                       name: 'Addproduct',
                                       url: '/product/Addproduct',
                                     },
                                       {
                                        name: 'Listproduct',
                                        url: '/product/Listproduct',
                                     }
                             ]
                    },

             ]
     }

main container

            <template>
                  <div class="app">     
                            <div class="app-body">
                               <Sidebar :navItems="nav"/>
                                    <main class="main">
                                           <div class="container-fluid">
                                              <router-view></router-view>
                                          </div>
                                    </main>
                             <AppAside/>
                        </div>
              </div>
       </template>

      <script>
             import nav from '../_nav'
             export default {
             name: 'full',
            components: {
                    Sidebar,

                          },
          data () {
                  return {
                nav: nav.items
            }
         },
        computed: {
            name () {
            return this.$route.name
        },
           list () {
            return this.$route.matched
                    }
                }
         }
    </script>

here is my sidebar

                <template v-for="(item, index) in navItems">
                        <template v-if="item.title">
                                <SidebarNavTitle :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
                      </template>
      
      
                      <template v-else>
                          <template v-if="item.children">
                     </template>
                <template v-else>
                      <SidebarNavItem :classes="item.class">
                         <SidebarNavLink :name="item.name" :url="item.url" :icon="item.icon" :badge="item.badge" :variant="item.variant"/>
                   </SidebarNavItem>
               </template>
           </template>
    </template>

i m stroing addproduct in my browser local storage now if when user login and go to dashboard then my i watch which url name is present in browser application or not if present show that else ignore now my problem is that how i can apply if condition like addproduct=addprodcut this this visible else hide

09 Apr
1 year ago

bipin started a new conversation Getting Empty Value Of Uncheck Chekbox In Vue

guys, I m new to Vue can anybody suggest me what i m doing wrong here is code

<tr v-for="(item,index) in items">
  <td class="fancy">
     <input type="text" v-model="name[index]">
  </td>
  <td class="fancy">
     <input type="checkbox" v-model="checkview[index]" true-value="1" false-value="0" >
  </td>
  <td class="has-text-right">
      <input type="checkbox" v-model="checkedit[index]" > 
   </td>
   <td class="has-text-right">
      <input type="checkbox" v-model="checkupdate[index]" >    
   </td>
  <td class="has-text-right">
      <input type="checkbox" v-model="checkdelete[index]" > 
  </td>
</tr>

in script

   export default {
     data(){
        return{
                checkview:[],
                checkedit:[],
              checkupdate:[],
              checkdelete:[],
           }
         }
 methods: {
      submitTb(){
           console.log(this.checkview)
           console.log(this.checkedit)
           console.log(this.checkupdate)
           console.log(this.checkdelete)
           }
    }

suppose item lenght is 3 that mean 3 times checkview,checkedit,checkupdate and checkdelete is created illustration of frontend as below

 items list | checkview  | checkedit   | checkupdate  | checkdelete
   --------------------------------------------------------------
    item1   | uncheckbox |  uncheckbox | uncheckbox | uncheckbox 
    item2   | uncheckbox |  uncheckbox | uncheckbox | uncheckbox 
    item3   | uncheckbox |  uncheckbox | uncheckbox | uncheckbox 

now my problem is that when i does in console log in submitTb function i got nothing i.e no value expected value [0,0,0] but don't know why it got empty does any body tell me how i can assign initial value of check box as 0 i.e if user directly click on submit button then console.log should be like [0,0,0] what i m missing

bipin left a reply on How To Assign Default Value Of Checkbox

@arukomp it not working if i have array checkbox i.e if fruit name is getting from database then what should i do

bipin started a new conversation How To Assign Default Value Of Checkbox

hello, guys, I want to know a thing is possible or not as described below supposed have I have 3 thing illustration of frontend

     <td><input  type="checkbox" v-model="named[0]></td>
     <td><input  type="checkbox" v-model="named[1]></td>
     <td><input  type="checkbox" v-model="named[2]></td>

   fruit list     | checkbox
   ----------------------------
    apple        | checkbox        -> if this clicked passed true else pass false 
    mango     | checkbox        -> if this clicked passed true else pass false 
      orange   | checkbox        -> if this clicked passed true else pass false 

suppose user clicked apple and orange checkbox and clicked on submit then v-model named should have array value like this 0:true 1:false 3:true is this possible in vue

04 Apr
1 year ago

bipin started a new conversation Side Menu Option In Right Side

I m trying to open sidebar option in right side using bootstrap4 Vue but it's not working enter image description here here is my HTML

<li class="nav-item nav-dropdown open" disabled="disabled">
  <div class="nav-link nav-dropdown-toggle">
    <i class="fa fa-cart-arrow-down"></i>Product
  </div> 
  
  <ul class="nav-dropdown-items">
    <li class="nav-item">
      <div>
        <a href="#/product/Addproduct" class="nav-link">
          <i class="fa fa-circle-thin"></i>Addproduct</a>
      </div>
    </li>
    <li class="nav-item">
      <div>
        <a href="#/product/Listproduct" class="nav-link">
          <i class="fa fa-circle-thin"></i>Listproduct</a>
      </div>
    </li>
  </ul>

</li>

i want Addproduct & listProduct in right side instead of down I tried to use dropdown right but it stops working any ideas what i m doing wrong.

28 Mar
1 year ago

bipin started a new conversation Push Value Not Working In Select Option In Vue

guys, I m new to Vue and don't know how to solve this kind of problem I search a lot but haven't find any solution related to my problem here is my code

<tbody >
   <tr v-for="(col, index) in cols">
     <td>12345</td>
     <td><select class="form-control" v-model="col.select1" >
           <option>Select Shop</option>
           <option v-for="option1 in options1" :value="option1.name">
           {{option1.name}}</option>
        </select>
     </td>
</tbody>
<script>
 export default {

    data(){
       return{
          cols: [],
          options1:[]
           }
      },
  methods:{
     getshop(){
      var _this=this
      return this.$http.get('http://localhost:3000/api/companyproducts') .then(function (response) {  
              return  response.data;
               })
             },
       onClick(){
            this.cols.push({
            select1:this.getshop(), //how i can push getshop return value to select option
            qty:0 });
             },
      },    
 }
</script>

suppose if my table has 3 value then 3 row getting created along with 3 select option in ShopIdFrom column as show in image now the problem is that when i m try to push the value getting from getshop function into select option. i.e ShopIdFrom select option i does not have any option value enter image description here .i.e this.cols.push not working for dynamically select option. what i m doing wrong or is there any other way to achieve this

27 Mar
1 year ago

bipin started a new conversation Nest V-for With Axios Success In Vue

I m new to Vue and currently stuck in a situation let me show my code first then the problem

 <v-select v-model="Productv"  label="product_name" :options="Productdetail"  @input="onClick"></v-select>

when user click on v-select option then onclick method is trigger . suppose if user click dropdown option 2 time than 2 row get create till this every thing work fine

<thead>
  <tr >
      <th class="span2">Product Id</th>
      <th class="span2">Shop Id From</th>
      <th class="span2"> Qty</th>
    </tr>
 </thead>
     <tbody >
        <tr v-for="(col, index) in cols">
            <td>12345</td>
            <td><select class="form-control" v-model="col.select">
            <option>Select Shop</option>
            <option v-for="option1 in options1">{{option1.name}}</option></select></td>
             <td><input type="number" v-model="col.qty"></td>
        </tr>
     </tbody>
<script>
  methods:{

  getshop(){
    var _this=this
    return this.$http.get('http://localhost:3000/api/companyproducts') .then(function (response) {     
   return _this.t= response.data;
     })
  },
   onClick(){
             var _this=this  
              var x=this.getshop()
              console.log(x)
           // how i can get data from promise 
                     this.cols.push({
                     select:x,
                     qty:0 });
             },

 now my problem is that how i can append getshop function value into select option .above code  work for v-model="Productv"  select but it does not work for

v-model="col.select" select what i m missing any idea

23 Mar
1 year ago

bipin started a new conversation Dynamic Input In Vue

hello, guys, I m new to Vue I search a lot but haven't found any solution

   <v-select v-model="Productvalue" label="category_desc" :options="['foo','bar']" :on-change="onChange"   ></v-select>
   <div v-for="find in finds"><input v-model="find.value"></div>
   <button type="submit" class="btn btn-sm btn-primary" @click.prevent="submit()"><i class="fa fa-dot-circle-o"></i> Submit</button> 

     methods:{
            
       onChange: function (options1 )  {    
                      this.finds.push({value:options1.category_desc });   
                 },
        submit()  {
              console.log(this.find.value) //this not working 
           }
  

when a user clicks on foo or bar input created dynamically. I have a problem is that suppose user click on foo and again he clicks on foo then dynamic should not have 2 input for eg:- if i click on foo 3 or nth number of time it should show only 1 input and second problem is that how i can pass this dynamically create input in submit method

22 Mar
1 year ago

bipin left a reply on Pass Value Of Selected Option Into Dynamic Created Input

@ejdelmonico i just want to pass options1 value in this suppose i have foo,bar in options1 and if user click on foo then i want to pass foo in input field and if user click on bar then value pass is bar in input

bipin started a new conversation Pass Value Of Selected Option Into Dynamic Created Input

I m using Vue-select (sagalbot ) below is my code

 <v-select v-model="productvalue"   multiple  label="category_desc" :options="options1"    :on-change="onChange" ></v-select>
  <div class="input-group" v-for="field in fields">
        <input type="text" v-model="field.sensitive"> 
   </div>

 export default {
 name: 'List Purches',
 data(){
    return{
     productvalue:[],
    finds: [],
    options1:[]
  }

},
methods:{
  getCategories(){
var _this=this
  this.$http.get('http://localhost:3000/api/categories') .then(function (response) {
           _this.options1=response.data;
            })
            .catch(function (error) {
              console.log("error.response");
            });
       },

   
       onChange: function (){    
       //here i m try to access selected multiple value
         this.finds.push({value: '' }); 
           
           },
 }, 
}

how i can pass selected option of v-select into dynamically created input

17 Feb
1 year ago

bipin started a new conversation Lazzy Loading Of Vue Script

recently i had created a admin panel using vue and laravel, all things working correctly but one problem is that my compiled script file is almost 7mb file (i.e app.js which is located in public folder) because of this compiled script browser take to long loading time to load initial (landing page) on browser i.e it does not render page until 7mb script get downloaded in browser which is almost 1 min. is it possible to load initially one component at start after that according to user click load other component. in more detail suppose if my app.js file have one lakh line of code and at start if few line of code get downloaded then it render page i.e it should not wait to download complete 7mb script after that it render page. is there anyway to reduce this loading time . i does lots of google but haven't find any solution

08 Feb
1 year ago

bipin started a new conversation Stop Scroll For Paticular Page Using Jquery

I m new to vue please help me.I had created a landing page in vue using scrollTop & jquery easing plugin

$(function() {
$('.navbar-nav a').bind('click', function(event) {
    debugger
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top - 0
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
  });
});

$(window).on('load', function () {
     $('.status').fadeOut();
     $('.preloader').delay(350).fadeOut('slow');
 });

 jQuery(document).ready(function () {
    wow = new WOW(
        {
        animateClass: 'animated',
        offset: 100,
        mobile: true
        }
      );
   wow.init();
 });

https://i.stack.imgur.com/Dh3W2.png now when user click on pricing then it move down to pricing section of same landing page

here is my question, now when user click on login page then it move to new page . because of this above jquery. it throw error (Syntax error, unrecognized expression: #/login) beacuse above jquery searching for #login in same page but i want to treat this login page as new (i.e above jquery will disable for this login nav) here is my vue component header nav

         <div class="collapse navbar-collapse" id="navbarsExample07">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#how-it-work">How it work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#pricing">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#faq">FAQ</a>
                    </li>
                     <li class="nav-item">
                      <router-link :to='"/login"' class="nav-link" exact> Login</router-link>
                     </li>
                </ul>

            </div>
07 Feb
1 year ago

bipin started a new conversation # Error Throw By Jquery In Vue

hello guys, I m new to vue please help me what i m doing wrong here is my welcome blade

   <!doctype html>
  <html lang="{{ app()->getLocale() }}">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">     

          <link rel="shortcut icon" href="{{asset('homepage/images/favicon.ico')}}">     

         <title>Minton - Responsive Admin Dashboard & Frontend</title>     

         <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>     

         <!-- Bootstrap core CSS -->
         <link href="{{asset('homepage/css/bootstrap.min.css')}}" rel="stylesheet">     

         <!-- Animate -->
         <link href="{{asset('homepage/css/animate.css')}}" rel="stylesheet">     

         <!-- Icon-font -->
         <link rel="stylesheet" type="text/css" href="{{asset('homepage/css/themify-icons.css')}}">     

         <!-- Custom styles for this template -->
         <link href="{{asset('homepage/css/style.css')}}" rel="stylesheet">
     
     </head>
     <body>
       <div id="app">
           
       </div>
       <script src="{{asset('js/app.js')}}"></script>
    
         <script src="{{asset('homepage/js/popper.min.js')}}"></script>
         <script src="{{asset('homepage/js/bootstrap.min.js')}}"></script>
         <!-- Jquery easing -->
         <script type="text/javascript" src="{{asset('homepage/js/jquery.easing.1.3.min.js')}}">
       </script>
         <script src="{{asset('homepage/js/SmoothScroll.js')}}"></script>
         <script src="{{asset('homepage/js/wow.min.js')}}"></script>
         <script src="{{asset('homepage/js/jquery.waypoints.min.js')}}" type="text/javascript">
       </script>
         <script src="{{asset('homepage/js/jquery.counterup.min.js')}}" type="text/javascript">
       </script>     

         <!--common script for all pages-->
         <script src="{{asset('homepage/js/jquery.app.js')}}"></script>     

         <script type="text/javascript">
             jQuery(document).ready(function($) {
                 $('.counter').counterUp({
                     delay: 100,
                     time: 1200
                 });
             });
         </script>
     </body>
 </html>

in welcome vue page i have login button

           <li class="nav-item">
          <router-link :to="'/login'" class="nav-link" exact><i class="icon-puzzle"></i> 
              Login</router-link>
        </li>

all above code work properly but don't know why Uncaught Error: Syntax error, unrecognized expression: #/login in jquery

30 Jan
1 year ago

bipin started a new conversation Duplicate Css Image Create In Vue

Hello guys I'm new to Vue so I want to know why duplicate image is created for eg:- when I m using inline css after compiling it create one more image in public folder. Note I have image/logo.png in resource/assets/just folder example code

   <template>
   <Img src="image/logo.png">
    </template>

This example code is located in resource/assets/js . thing is that during compiling image file should be present in resource/assets/js/image/logo.png otherwise it throw error module not present.is there any another alternative for this, eg:- image file present in one common folder so it does not create duplicate image and npm run watch does not throw error.

29 Jan
1 year ago

bipin left a reply on GEt Array

@Dickyperdian this error is getting because your front view has figure_id variable and your controller not sending it for eg at controller

        public function index(){
               $data='hi hi hi';
             return view('welcome',compact('data'));
      }

at welcome view

    <h1>{{$total}}</h1>// as you can see this value is not return by controller
        @foreach($data as $d)
              {{$d}}
       @endforeach 

bipin left a reply on Laravel And Vue Js Dynamic Form (custom Fields Coming From The Database)

@amjadkhan you can use both jquery and vue script define vue script above of all script it will help

26 Jan
1 year ago

bipin started a new conversation Throw Error Module Not Found

hello guys recently i had install a free vue template (https://github.com/Braunson/laravel-coreui-vue) and run npm run watch command... its throw error don't know why this happening i have that folder but still it throw error my app.sass

       @import "coreui/fonts/font-awesome";
       @import "coreui/fonts/simple-line-icons";

       @import "coreui/style";

my simple-line icon whose location in resource/assets/sass/coreui/fonts/simple-line-icons

               src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');

src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2') this above line throw error here is laravel mix few line of error

        These relative modules were not found:

   * ../fonts/Simple-Line-Icons.eot?v=2.4.0 in ./node_modules/css-loader?
    {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?
    {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader?
  {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass-
  loader/lib/loader.js?
   {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss
  * ../fonts/Simple-Line-Icons.svg?v=2.4.0 in ./node_modules/css-loader?
  {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?
 {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader?
  {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass-

loader/lib/loader.js? {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss * ../fonts/Simple-Line-Icons.ttf?v=2.4.0 in ./node_modules/css-loader? {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib? {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader? {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass- loader/lib/loader.js? {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss * ../fonts/Simple-Line-Icons.woff2?v=2.4.0 in ./node_modules/css-loader? {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib? {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader? {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass- loader/lib/loader.js? {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss

24 Jan
1 year ago

bipin left a reply on Is This Possible To Pass Multiple I'd In Vue

is this possible please suggest

bipin left a reply on Unable To Retrieve The Data

use 3 space you question and code is not understable

23 Jan
1 year ago

bipin started a new conversation Is This Possible To Pass Multiple I'd In Vue

Hello guys I m new to Vue so i don't know how to do that Suppose I have 2 layout First layout have

   <div id="app"><div>

And second one have

   <div id="example"><div>

How I can create 2 different route one for "app" And another one for example is this possible in vue

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading

@tykus its throw error route not found

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading

@tykus how i can pass dynamically this /inventory/public/ to vue-router because inventory word may be change at live

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading

@tykus same thing still save result https://i.stack.imgur.com/TPli0.png

in my route web.php

       Route::get('{vue_capture?}', function () {
           return view('layouts.auth');
         })->where('vue_capture', '[\/\w\.-]*');

in my layouts.auth blade

     <div id="app">
     <router-view ></router-view>
      </div>

vue route same as above still nothing happen please help what i m missing

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading

@tykus can you help i m new to vue so don't know what to do

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading

@tykus actually laravel route not creating any issue but vue router does

bipin started a new conversation After Removing Hash Mode From Vue-route Page Not Loading

hello guys i m new to vue, i does lots of google but haven't find any solution related to this type of problem here is my route web.php

Route::get('login', function () {
      return view('auth.login');
});

here is my login blade

@extends('layouts.auth')
@section('content')
<router-view name="Login" ></router-view>
@endsection

here is my vue route

require('./bootstrap'); 
window.Vue = require('vue');
import VueRouter from 'vue-router';
window.Vue.use(VueRouter); 
import login from './website/auth/login.vue';

const routes = [
 { 
     path:  '/',
     components: {
        Login: login,
     },
 },]

const router = new VueRouter({routes })
const app = new Vue({ router }).$mount('#app')

this above code code work properly but one problem is that it has # in url. so i use mode history to remove below code

const router = new VueRouter({mode:'history',routes })

it not working here i m attach image of page can i know what i m missing below is screen shot of what i m getting

https://i.stack.imgur.com/TPli0.png

bipin left a reply on Laravel Not Loading Display Vue Component

if i put path:'/login' not working but if i put like this path:'/inventory/public/login' it working properly but i want /inventroy/public/ dynamically how i can do that

bipin started a new conversation Laravel Not Loading Display Vue Component

hello guys i m new to vue so please ignore my silly question

     here is my route 

        Route::get('login', 'Auth\[email protected]')->name('login');

when user type this url login.blade get return here is my login blade

             @extends('layouts.auth')

                @section('content')
               <router-view name="Login"></router-view>

           @endsection

and in layouts.auth file i have

            <div id="app"></div>
             <script href="public/js/app.js"></script>//this is vue complied file location

here is my vue-route

           require('./bootstrap');
           window.Vue = require('vue');
           import VueRouter from 'vue-router';


            window.Vue.use(VueRouter);

           import login from './website/auth/login.vue';

        const routes = [
                {
 
                            path: '/',
                           components: {
                                                     Login: login,
                                                     }
               },]

               const router = new VueRouter({  mode:'history', routes })
                  const app = new Vue({ router }).$mount('#app')

when i use mode:'history' it does not display page

bipin left a reply on Can I Convert An Object Into An Array Inside A Model?

@p0t4t0 if you are using foreach loop then don't need to return value of

      return (object) $posts[0];    

use this return (object) $posts;

bipin left a reply on Can I Convert An Object Into An Array Inside A Model?

in you blade did you does for each if yes then it throw error use directly {{ $subforum->lastPost()->content }} this

bipin left a reply on How To Use Laravel Route In Vue

@bobbybouwmann i can't use

     <router-link :to="{ name: 'login' }">Login</router-link>

in my home.blade because it different page after click on login button it goes to route (web.php)and it load login.blade from here i m using vue blade

bipin started a new conversation How To Use Laravel Route In Vue

hello guys i want to use laravel route in vue how i can achieve this help!!!

here is my app.js

       require('./bootstrap');

       window.Vue = require('vue');
       import VueRouter from 'vue-router';
        window.Vue.use(VueRouter);

        import login from './website/auth/login.vue';

            const routes = [
           {
 
               path: 'login',
                components: {
                                Login: login,
      
                                   }
                },   

       ]

       const router = new VueRouter({ mode: 'history', routes })
       const app = new Vue({ router }).$mount('#app')

here is web.php

             Route::get('login', 'Auth\[email protected]')->name('login');

at start my laravel return index page where i have login button when user press on login button web.php login route get call and it return login page

        @extends('layouts.app')

         @section('content')
           <router-view name="Login"></router-view>

       @endsection

now here what i want when user click on login is should use path:login of app.js

bipin left a reply on Call Route.php Of Laravel From Vue

then how i can use

 app.$router.push({path: '/'});

here is my app.js

       const routes = [
{
 
    path: '/',
    components: {
        Login: login,
        register:Register
      
    }
},]

here i want to redirect to Login how i can achieve this

bipin started a new conversation Call Route.php Of Laravel From Vue

hello guys, is there any way to call call route.php of laravel from vue here is my axios code after success result 200 i want to call laravel route

        registerPost(){
            var _this = this
            var vm = this.hasErrors
            var _vm = this.errorMessage
            axios.post('api/registeruser', _this.registerData)
            .then(function (response) {
   
                      if(response.data==200){
                      app.$router.push({path: '/'});//from here how i can call laravel route fro eg: homepage
                     }
        
            })

bipin left a reply on Join Tables.

if you join 2 table that mean one common value present in both table

bipin left a reply on Join Tables.

use this type

  DB::table('yourtablename')->join('anothername','yourtablename.username','=','anothername.username')->get();

in this case username is common in both table

20 Jan
1 year ago

bipin left a reply on Store A Captured Screenshot As An Image File

@mikestratton have you done this thing

  in controller
        use file;

and in view

  use this enctype="multipart/form-data"?
16 Jan
1 year ago

bipin left a reply on Laravel 5.4 Change Database Column When Button Is Clicked

is this only for auth user? whose status you want to update

bipin left a reply on Error In Array In View File

@arslan2037 try this

        @foreach($json['user']['media'] as $node)
      
           //   {{$your required thing}}
        @endforeach