mipusy

mipusy

Member Since 8 Months Ago

Experience Points 120
Experience
Level
Lessons Completed 0
Lessons
Completed
Best Reply Awards 0
Best Answer
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.

20 Feb
8 months ago

mipusy left a reply on How To Bind Hierarchy JSON Data In Vue.js

Thank you! It works!

17 Feb
8 months ago

mipusy started a new conversation How To Bind Hierarchy JSON Data In Vue.js

I want to bind json data from my api for making detail page.

I tried this way, It seems works, but shows error in console.

[Vue warn]: Error in render: "TypeError: _vm.article.thisarticle is undefined"

What's correct way?

My JSON date :

{
"thisarticle":{
    "id":1,
    "title":"titlename",
    "created_at":"2018-01-11 13:49:31",
    "updated_at":"2018-02-16 07:45:22",
    "tags":[{
        "id":1,
        "name":"tagname",
        "created_at":"2018-02-01 00:20:44",
        "updated_at":"2018-02-01 00:20:44",
        "pivot":{"articles_id":1,"tag_id":1}
        }]
    },
"previous":null,
"next":{
    "id":2,
    "title":"titlename2",
    "created_at":"2018-01-11 13:49:31",
    "updated_at":"2018-02-17 10:33:16"
    }
}

Detail.vue

<template>

        <div class="detail">
            <h2 class="detail_title" >{{ article.thisarticle.title }}</h2>
            <ul class="done">
            <li v-if="article.thisarticle.tags.length > 0" v-for="tags in article.thisarticle.tags">{{ tags.name }}</li>
            </ul>
            <div v-html="article.thisarticle.body"></div>

    <pager />

        </div>


</template>

<script>

const Pager = require("./pager.vue");

    export default {
        props: ['articlesId'],
        created(){
            this.fetchArticle()
        },
        data() {
            return {
                article: []
            }
        },
        methods:{
            fetchArticle(){
                axios.get('/api/articles/'+ this.articlesId ).then(res => {
                    this.article = res.data
                })
            }
        }
    }
</script>

mipusy left a reply on How To Make Json : Previous, Next On Detail Page

Thank you. It does work.

16 Feb
8 months ago

mipusy started a new conversation How To Make Json : Previous, Next On Detail Page

I want to previous and next links on detail page. My project is on laravel 5.5, vue.js.

ArticlesController.php

public function show($id){

        $article = articles::with('tags')->find($id);

        $previous = articles::where('id', '<', $article->id)->orderBy('id','desc')->first();
        $next = articles::where('id', '>', $article->id)->orderBy('id','desc')->first();

        return Response()->json($article->with('previous', $previous)->with('next', $next));

    }

Result is "{}". It doesn't work.

How should I write it?