bipin

Experience

8,920

3 Best Reply Awards

  • Member Since 1 Year Ago
  • 1 Lesson Completed
  • 0 Favorites

13th April, 2018

bipin left a reply on How To Hide Sidebar In Vue • 1 week ago

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

bipin started a new conversation How To Hide Sidebar In Vue • 1 week ago

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

9th April, 2018

bipin started a new conversation Getting Empty Value Of Uncheck Chekbox In Vue • 1 week ago

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 • 1 week ago

@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 • 1 week ago

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

4th April, 2018

bipin started a new conversation Side Menu Option In Right Side • 2 weeks ago

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.

28th March, 2018

bipin started a new conversation Push Value Not Working In Select Option In Vue • 3 weeks ago

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

27th March, 2018

bipin started a new conversation Nest V-for With Axios Success In Vue • 3 weeks ago

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

23rd March, 2018

bipin started a new conversation Dynamic Input In Vue • 4 weeks ago

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

22nd March, 2018

bipin left a reply on Pass Value Of Selected Option Into Dynamic Created Input • 4 weeks ago

@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 • 4 weeks ago

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

17th February, 2018

bipin started a new conversation Lazzy Loading Of Vue Script • 2 months ago

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

8th February, 2018

bipin started a new conversation Stop Scroll For Paticular Page Using Jquery • 2 months ago

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>

7th February, 2018

bipin started a new conversation # Error Throw By Jquery In Vue • 2 months ago

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

30th January, 2018

bipin started a new conversation Duplicate Css Image Create In Vue • 2 months ago

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.

29th January, 2018

bipin left a reply on GEt Array • 2 months ago

@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) • 2 months ago

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

26th January, 2018

bipin started a new conversation Throw Error Module Not Found • 2 months ago

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

24th January, 2018

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

is this possible please suggest

bipin left a reply on Unable To Retrieve The Data • 2 months ago

use 3 space you question and code is not understable

23rd January, 2018

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

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 • 2 months ago

@tykus example pleased

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

@tykus its throw error route not found

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

@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 • 2 months ago

@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 • 2 months ago

@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 • 2 months ago

@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 • 2 months ago

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 • 2 months ago

wdwd

bipin left a reply on Laravel Not Loading Display Vue Component • 2 months ago

dfdf

bipin left a reply on Laravel Not Loading Display Vue Component • 2 months ago

dfgdg

bipin left a reply on Laravel Not Loading Display Vue Component • 2 months ago

fghfh

bipin left a reply on Laravel Not Loading Display Vue Component • 2 months ago

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 • 2 months ago

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? • 2 months ago

@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 How To Use Laravel Route In Vue • 2 months ago

help

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

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 • 2 months ago

@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 • 2 months ago

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 • 2 months ago

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 • 2 months ago

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. • 2 months ago

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

bipin left a reply on Join Tables. • 2 months ago

use this type

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

in this case username is common in both table

20th January, 2018

bipin left a reply on Store A Captured Screenshot As An Image File • 3 months ago

@mikestratton have you done this thing

  in controller
        use file;

and in view

  use this enctype="multipart/form-data"?

16th January, 2018

bipin left a reply on Laravel 5.4 Change Database Column When Button Is Clicked • 3 months ago

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

bipin left a reply on Error In Array In View File • 3 months ago

@arslan2037 try this

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

15th January, 2018

bipin left a reply on Converting SQL Query To An Eloquent Query Builder. • 3 months ago

try this

  $likes = DB::table('posts')
              ->join('likes','likes.post_id','=','posts.id')
             ->select(DB::raw('count(likes.post_id) as AllCount', 'posts.id', 'posts.image'))
            ->groupBy('what you like to group put here')
            ->orderBy('AllCount', 'DESC')
            ->paginate(3);
Edit Your Profile
Update

Want to change your profile photo? We pull from gravatar.com.