主页 / 问题 / 1368510
Accepted
Moonwolf45
Asked:2022-06-05 00:16:21 +0800 CST2022-06-05 00:16:21 +0800 CST

vuejs过滤器不起作用

  • 772

一般来说，我在 vuejs 上编写应用程序时遇到了这样的问题，我无法正确地从变量中提取数据。

这是代码：

<tbody v-if="currencies !== null && currenciesUser !== null">
  <tr v-for="currencyItem in currenciesUser" :key="currencyItem.id">
    <td>{{ $t(currencyItem.Name) }}</td>
    <td v-if="currencyItem.CharCode === 'RUB'">
      {{ new Intl.NumberFormat('ru-RU', { style: 'currency', currency: 'RUB',
        minimumSignificantDigits: 3 }).format(1) }}
    </td>
    <td v-else>
      {{ new Intl.NumberFormat(currencyItem.locale, { style: 'currency', currency: currencyItem.CharCode, minimumSignificantDigits: 3 }).format(currencies.Valute.filter(item => item.CharCode === currencyItem.CharCode).Value) }}
    </td>
    <td>{{ $moment(currencies.Date).format('DD.MM.YYYY HH:mm') }}</td>
  </tr>
</tbody>

我得到这个是这样的：

computed: {
  currencies () {
    return this.$store.getters.currencies
  },
  currenciesUser () {
    return this.$store.getters.currenciesUser
  }
}

在启动时我得到这个：

TypeError: _vm.currencies.Valute.filter is not a function

因此，没有任何输出。怎么赢？？

javascript

1 个回答

  1. Best Answer

    总的来说，一切都很简单。

    {{ new Intl.NumberFormat(currencyItem.locale, { style: 'currency', currency: currencyItem.CharCode, minimumSignificantDigits: 3 }).format(currencies.Valute[currencyItem.CharCode].Value) }}

    这就是它的工作原理，虽然Valute它也是一个对象

    • 0

相关问题