vue.js - Vue JS：在选择下拉菜单中添加可用选项的数量

Question

我正在尝试在选择下拉菜单中显示每个项目旁边的选项数量。就像在示例中一样。

我的数据是使用 AXIOS 从 JSON 中提取的。这是我数组中一个对象的一行

"Data": {
      "K": "Part Time, Full-time",
    },

以及我试图创建的计算属性。它带回了一个数字，但不是我想要的数字。任何人都可以帮我解决这个问题吗？

  computed: {
 feeCount() {
      const feeResults = this.results.filter(
        (result) => result.Data && result.Data.K
      );

      return feeResults.length;
    },
}

标签： vue.js

Answer 1

你的问题是它"Part Time, Full-time"是一个字符串，而不是一个数组，所以你得到的是字符串的长度。

您可以使用result.Data.K.split(',')生成一个数组，然后从中计算长度。