网页设计--第6次课后作业

2023-12-13 09:42:15

试用Vue相关指令完成对以下json数据的显示。显示效果如下:

其中:gender=1 显示为女,gender=2显示为男。价格超过30元,显示“有点小贵”。价格少于等于30元,则显示“价格亲民”。

data: {
                books: [{
                        "id": "1",
                        "author": "小华",
                        "gender":1,
                        "name": "《春天来了》",
                        "price": "23",
                        "time": "1998-03-12"
                    },
                    {
                        "id": "2",
                        "author": "老舍",
                        "gender":2,
                        "name": "《济南的冬天》",
                        "price": "32",
                        "time": "1956-12-09"
                    },
                    {
                        "id": "3",
                        "author": "朱自清",
                        "gender":2,
                        "name": "《背影》",
                        "price": "40",
                        "time": "1943-09-12"
                    }

                ]
            }

文章来源:https://blog.csdn.net/wyhwust/article/details/134883023
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。