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

243
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)
javascript

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

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

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

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

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

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

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

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

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

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

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

 242