mipusy

Experience

120

0 Best Reply Awards

  • Member Since 4 Months Ago
  • 0 Lessons Completed
  • 0 Favorites

20th February, 2018

mipusy left a reply on How To Bind Hierarchy JSON Data In Vue.js • 4 months ago

Thank you! It works!

17th February, 2018

mipusy started a new conversation How To Bind Hierarchy JSON Data In Vue.js • 4 months ago

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

Thank you. It does work.

16th February, 2018

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

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?

Edit Your Profile
Update

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