MaverickChan

MaverickChan

Member Since 3 Years Ago

Experience Points
111,180
Total
Experience

3,820 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
741
Lessons
Completed
Best Reply Awards
48
Best Reply
Awards
  • start-engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-session Created with Sketch.

    School In Session

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

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

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

  • subscriber-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist Created with Sketch.

    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 Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

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

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

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

Level 23
111,180 XP
Nov
16
2 days ago
Activity icon

Replied to Vue Components Are Not Working

what operatiing system are you using? did you copy your components from other machine?

if you are using mac or linux , you may have a permission problem

after copy , inside your compenents fold run

sudo chmod +x *
Activity icon

Replied to Vue Components Are Not Working

npm install

what does the console say?

Nov
15
3 days ago
Activity icon

Replied to Vue.set Add Dynamic Index Within In V-for Loop

use lodash random on a collection is the fastest way

Activity icon

Replied to How To Get This Data On Blade View Of Laravel.

did you just expose your password?

Nov
14
4 days ago
Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

the problem is this jquery plugin's own on change event is not a real js event.

$().datepicker().on('dateChange',callback) 

i am justing giving a thought. You have to do the rest by your own.

you still can find a way to do value binding , i miss it , but not a big deal

so we are done here.

as you can see , you don't have to use this jquery plugin , strongly recommend you find another plugin in vue

Activity icon

Replied to File_put_content Error : Failed To Open Stream: Permission Denied

php artisan cache:clear

php artisan view:clear

Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

button setdate should be inside child component

Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

plus:

if everything fails , separate into 2 components.

the Main component looks like this:

<datepicker-component v-model="date"></datepicker-component>

remember the date is in the parent component Main.

in child component datepicker-component

<input type="text" v-model="jquery-date" @change="emitback">

//

//data return jquery-date

props: ['value'],

methods: {
    emitback () {
        this.$emit('input', this.jquery-date);
    }

}

here comes the magic : the parent put a v-model on the component root , inside child component , it can emit a event back to parent , the name is input. and an prop named value. it makes the parent and child have 2 way binding.

i hope this would be the final solution

Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

ok , i kind understand your question.

initial select datetime is ok.

but , when you click edit , the data value changed ,but ,in the input field , it doesn't change right?

Let me ask you a simple question , did you use data to store the date ?

i only saw a $attrs property , don't know what it is. could be a global variable you use or a jquery property.

a common way is :

<input type="text" v-model="date" @click="changedate" class="datepicker">


//in scripts

data () {
    return {
        date: '',
    }
},

if you want to change the date , write a method ,use the datepicker .

in summary , change date which defined in data ,nothing else.

Activity icon

Replied to Vue2

don't bother lecturing him , he has no sense. Next time , just ignore his question.

Nov
13
5 days ago
Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

what is the error message?

Activity icon

Awarded Best Reply on Vue Js Component Wont Change On Prop Change.

put it in data , because after mounted , your prop could not be changed.

Nov
12
6 days ago
Activity icon

Replied to Vue2

a word can describe this guy : 'free rider'.

i was hoping he changed , but after nearly 2 years , he does not.

never show respect to others.

i strongly recommend Jeffery introduce a block function , so i could never see his post before he knows what is wrong with him.

Activity icon

Replied to Vue Js Component Wont Change On Prop Change.

since you have using a event bus, you can specify a global varible to store the value.

Activity icon

Replied to Vue Js Component Wont Change On Prop Change.

put it in data , because after mounted , your prop could not be changed.

Activity icon

Replied to Many To Many Using A Pivot Table

i think it is called morphMany relationship

your order can have different type of Model such as product or warehouse ,right?

Activity icon

Replied to Pass Image From Img Tage To Model Via ID Using Java Script

id="front-picture{{ img->id }}"

every id should me unique , or you are showing the same picture

Nov
11
1 week ago
Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

what is the SAME THING

you want to use a JQUERY datepicker , not VUE one, i provided a solution, i don't know if you tried or not,

saying 'SAME THING' is that easy.

good luck then.

Nov
08
1 week ago
Activity icon

Replied to Passing Data To The View Without Showing It In The URL

even if you hide it , for example , in Vue axios get , query string will not display , but, in the browser developer tools network tab , you still will see the query string.

Nov
06
1 week ago
Activity icon

Replied to How To Convert A Jquery Datepicker To Vuejs Component?

something like:

import datepicker from 'datepicker' //import

// inside export default

mounted () {

    $.('.yourclassname').datepicker() //like normal jquery usage

}

but , be sure jquery and $ is available


window.jQuery = window.$ = require('jQeuery')

Nov
05
1 week ago
Activity icon

Replied to Pass Data From Blade To Vue Component

did you use paginate on $list?

Activity icon

Replied to Laracasts Thread Channel Button Css Went Wrong

looks it's been fixed now.

now everything is ok.

Activity icon

Started a new Conversation Laracasts Thread Channel Button Css Went Wrong

all the buttons changed to blue , when hover , turns into a whole blue block

guess something wrong with the css part

Activity icon

Awarded Best Reply on Object Arrays, Grouping By Value And Separating Into Multiple Arrays.

try loash 's _.groupBy function

Activity icon

Replied to Laravel Intervention Image GD Library Not Support As Like Feature

GD has a file size limit if the image is too big , that won't work, I would suggest you use imagick .

Activity icon

Replied to Laravel Intervention Image GD Library Not Support As Like Feature

be sure your image size is not too big

Nov
04
2 weeks ago
Activity icon

Replied to FormData Object Not Receiving File

you should pass avatar's src and file together.


this.avatar = e.target.result // this means the src

data.append should contain both src and file

Activity icon

Replied to Vue: Sync Data With Property In A Child Component

should be

props: ['prop1','prop2',.....],

if you want to pass multiple props to the child component , why don't you pack them into an object , then send just one prop to the child , access them like prop.item1 prop.item2 etc.

Oct
31
2 weeks ago
Activity icon

Replied to Sweet-alert Laravel 6

the t4t5/sweetalert is the REAL sweetalert , all the others are not

Activity icon

Replied to Fatal Error: Uncaught ArgumentCountError: Too Few Arguments To Function Multiphalcon\Modules\Lms\Controllers\QuestionController::indexAction(), 0 Passed And Exactly 2 Expected

show your routes file please.

by the way ,

you don't have to var _this = this in axios

and i think you missed a '/' in the vue axios function

Oct
27
3 weeks ago
Activity icon

Replied to CSS: Make Hollow And See Through Element

yes , just on the red side . In this particular case , SEE THROUGH could be upon the half circle.

You can even do just a half circle without border , with white background and little wider than the content.

For the content is already a circle (or you can place it in a border-radius 9999px div and overflow-hidden),just put it there up on the half circle will do the trick.

ps: if he wants the border has gradient inherit the left block , i would say it's not possible(or maybe some caculation but not worth it)

Activity icon

Replied to CSS: Make Hollow And See Through Element

@snapey @gabotronix actually you can .

using border-radius to create a half-circle.

check this , it's the first result popup from google search

example

Oct
23
3 weeks ago
Activity icon

Replied to Sweet Alert

this is not the original sweetlalert , search t4t5/sweetalert

and sweetalert can do ajax calls.

Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

as @sachinagarwal said , Vue and jquery are total different things.

Vue is data-driven , I prefer using Vue.

But , in your case , stick to jquery will be a better solution.

Vue can work with jquery together , but not like this.

Oct
22
3 weeks ago
Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

you cannot just insert script in blade file , you need a directive called stack to inject javascript such as jquery or plain js.

Since you already using Vue component , why not let vue do the trick? You really don't need jquery in most cases if you have Vue.

And , you never answer my question: How do you put your script in the blade file? Post the whole blade file , not separated php and js. You can hide some sensitive infos , but i need to see the structure

Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

you never let the js part work.

if you are using Vue , forget about jquery

or check the doc search key word stack

Oct
21
4 weeks ago
Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

i am asking the jquery part

Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

where do you put your js files??

Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

better post the whole code

Activity icon

Replied to Vue Component Not Being Rendered In Partial Blade

i don't think you are using Vue , it is jquery

Oct
09
1 month ago
Oct
08
1 month ago
Activity icon

Started a new Conversation Cannot Complete A Course

the Laravel 6 from scratch course , i just cannot complete it 100% even if i had already completed it .

it shows 96%.

Oct
06
1 month ago
Activity icon

Replied to Laravel Ajax Returns Self HTML

delete is a post request

Sep
23
1 month ago
Activity icon

Replied to Sort Array

i would suggest you to do the sorting in PHP side , because frontend could go wrong.

Sep
22
1 month ago
Activity icon

Replied to How Can I Know In Which Component I Was There

notice that you misspell the word draggable

Sep
19
1 month ago
Activity icon

Replied to Count The Selected Options

i would suggest you use check box