Vue не работает фильтр uppercase

168
24 сентября 2018, 20:00
<div id="app">
  {{ message | uppercase }}
</div>


var app = new Vue({
  el: "#app",
  data: {
    message: "uppercase"
  }
});

ссылка на пример

Answer 1

Просто используйте вызов напрямую

{{ message.toUpperCase() }}

Если это всё, что действительно вам нужно.

Answer 2

Во Vue нет встроенных фильтров, создайте свой:

new Vue({
    el: '#app',
    data: {
        message: 'uppercase'
    },
    filters: {
        uppercase: (value) => value.toUppercase()
    }
});

Либо используйте эту же функцию в шаблоне:

<div id="app">{{ message.toUppercase() }}</div>
READ ALSO
Не работает функция SeriesSum(n)

Не работает функция SeriesSum(n)

Функция возвращает строку в формате "ххх"

152
Как выглядит изнутри нативная функция apply?

Как выглядит изнутри нативная функция apply?

Как известно синтаксис функции apply: funcapply(context, [arg1, arg2]); Как будет выглядеть кастомная функция, которая принимает контекст, аргументы в массиве...

183
Как обратиться к this.$store с компонента в nuxt?

Как обратиться к this.$store с компонента в nuxt?

Я создаю хранилище Classic mode, как написано в докахВ компоненте страницы обращение к this

155
Mermaid.js: изменить отступы между нодами графа

Mermaid.js: изменить отступы между нодами графа

Подскажите, как используя Mermaid Библиотеку:

166