отображать текущий объект json js - PullRequest
Новая
       9

отображать текущий объект json js

0 голосов
/ 25 февраля 2019

Я занимаюсь книжным магазином электронной коммерции на веб-сайте одностраничного приложения vuejs.

Мне нужно отображать определенные (текущие) данные (например, название, обложка и т. Д.) Из определенной книги в json, когда я выбираю ее.. 

{
"books": [
    {
        "title": "The Godfather",
        "cover": "",
        "author": "Mario Putzo",
        "ratting": "95%",
        "price": "30",
        "published": "March 10, 1969",
        "description": ""
    },
    {
        "title": "The Sicilian",
        "cover": "",
        "author": "Mario Putzo",
        "ratting": "98%",
        "price": "25",
        "published": "November 1984",
        "description": ""
    },

Я попробовал: 

<div>
    <p>Author: {{currentBook.author}}</p>
    <p>Title: {{currentBook.title}}</p>
    <p>Published {{}}</p>
</div>

var app = new Vue({
    el: "#app",
    data: {
    /// return {
            page: 'home',
            url: "https://api.jsonbin.io/b/5c6d3bf80177dd1751730298",
            books: [],
            currentBook: {},
        }
    }

    bookSelect(string, object) {
        this.page = string;
        this.currentBook = object;
        this.currentBook = this.books.find(obj => obj.title === object.book);
        this.currentBook = this.books.find(obj => obj.author === book);
        this.currentBook = this.books.find(obj => obj.published === book);
        this.currentBook = this.books.find(obj => obj.description === book);
    }
});

1 Ответ

0 голосов
/ 26 февраля 2019

data должна быть функцией, а не объектом.Измените data на функцию: 

data() {
    /// return {
            page: 'home',
            url: "https://api.jsonbin.io/b/5c6d3bf80177dd1751730298",
            books: [],
            currentBook: {},
        }
    }
...