javascript - 从 NuxtJS 中的 json 文件获取单个帖子 id

标签 javascript arrays json vue.js vuejs2

如何在NuxtJS中从json文件中获取单个帖子id数据?

created() {
    this.getProductsData()
},
methods: {
    getProductsData() {
        const vm = this
        this.$axios
            .get(`/json/products.json`)
            .then(function(response) {
                vm.item = response.data.products
            })
            .catch((error) => console.log(error))
    }
}

enter image description here

最佳答案

要从特定 ID 获取帖子,您可以根据其 _id 过滤数据,然后获取返回的第一个条目(因为应该只有一个具有唯一的 :

methods: {
    getProductsData() {
        const vm = this
        this.$axios
            .get(`/json/products.json`)
            .then(function(response) {
                vm.item = response.data.products.filter((item) => {
                    return item._id === 'spekkoek-panden';
                })[0]
            })
            .catch((error) => console.log(error))
    }
}

关于javascript - 从 NuxtJS 中的 json 文件获取单个帖子 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59382699/

相关文章:

javascript - 如何打印数组中的唯一数字

javascript - 比较对象内的某些键、值对 - 无直接匹配 (JavaScript)

javascript - 从 Javascript 调用托管在不同服务器上的 WCF

javascript - 如何获取经纬度地理定位坐标?

javascript - 当 JSON2 重载时访问 native JSON 对象

javascript - 如何使用express和mongoose中的参数使聚合函数动态化

javascript - 为什么这个 if 语句有效,而另一个解决方案却无效?

javascript - 根据复选框选中状态启用或禁用目标元素

javascript - php javascript 拖放

php - 无法访问关联数组值