第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

我無法在 vue.js 中對(duì)數(shù)組實(shí)現(xiàn)過濾器

我無法在 vue.js 中對(duì)數(shù)組實(shí)現(xiàn)過濾器

茅侃侃 2023-11-12 21:52:37
我已經(jīng)找了很長(zhǎng)一段時(shí)間了,但作為一個(gè)新手,我找不到答案。我想用我認(rèn)為語法錯(cuò)誤的屬性 id 來過濾我的數(shù)組。感謝您的幫助成分export default {  props: ["user", "recette"],  data() {    return { email: this.$route.params.email };  },  components: {},  methods: {},  computed: {    filteredItems: function () {      return this.recette.filter((recettes) => {        return recettes.cat_recetteId === 1;      });    },  },};看法<template>  <div>    <myrecette :recette="recette"/>    <myfooter />  </div></template><script>import myrecette from "../components/recette";import myfooter from "../components/myfooter";export default {  name: "",  data() {    return {      recette: "",      user: "",    };  },  components: {    myrecette,    myfooter,  },  created: function() {    this.axios.get("http://localhost:3000/recette/all_recette/").then((res) => {      (this.recette = res.data.recette),        this.axios          .get(            "http://localhost:3000/user/rec_user/" + this.$route.params.email          )          .then((res) => {            this.user = res.data.user;          });    });  },};</script><style scoped></style>節(jié)點(diǎn)router.get("/all_recette", (req, res) => {    db.recette        .findAll({            include: { all: true },        })        .then((recette) => {            if (recette) {                res.status(200).json({                    recette: recette,                });            } else {                res.json("il n'y a pas de recettes");            }        })        .catch(err => {            res.json(err);        });});這是我的完整代碼以及我的節(jié)點(diǎn)路線。我的錯(cuò)誤返回是vue.runtime.esm.js?2b0e:619 [Vue warn]: 渲染錯(cuò)誤:“TypeError: this.recette.filter 不是函數(shù)”
查看完整描述

2 回答

?
慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊

該過濾器的工作原理是保留返回 的項(xiàng)目true,因此如果您希望所有項(xiàng)目的 a 均為cat_recetteId1,則可以將其更改為:


computed: {

  filteredItems: function() {

    if (!this.recette) return [];

    return this.recette.filter((recettes) => {

      return recettes.cat_recetteId === 1;

    });

  },

},

在大多數(shù)情況下,在計(jì)算內(nèi)部使用箭頭函數(shù)也是一種很好的做法。


查看完整回答
反對(duì) 回復(fù) 2023-11-12
?
動(dòng)漫人物

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個(gè)贊

您的過濾器回調(diào)函數(shù)應(yīng)返回true或false。您 1) 不返回任何內(nèi)容,2) 分配一個(gè)值 (=),而不是進(jìn)行比較 (==/===)。


computed: {

    filteredItems: function() {

      return this.recette.filter(function(recettes) {

        return recettes.cat_recetteId === 1;

      });

    },

  },


查看完整回答
反對(duì) 回復(fù) 2023-11-12
  • 2 回答
  • 0 關(guān)注
  • 213 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)