Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.09.2021, 11:59
Новичок на форуме
Отправить личное сообщение для eternalNewbie Посмотреть профиль Найти все сообщения от eternalNewbie
 
Регистрация: 20.09.2021
Сообщений: 1

Использование обьекта в {{}} vue
Здравствуйте, у меня есть
let LiteStringParser = {
  parseLineBreak(str) {
    return str;
  },
  parseColor(str) {
    return str;
  },
};

Но я хочу его использовать внутри Vue к примеру так
<div class="textmessage">
          {{
            LiteStringPaser.parseColor(
              LiteStringPaser.parseLineBreak(myTextAlert)
            )
          }}
        </div>

Но куда и как мне поместить опредиление LiteStrtingParser, тоесть в
data() {
    return {
      LiteStringParser: {
        parseLineBreak(str) {
          return str;
        },
        parseColor(str) {
          return str;
        },
      },
    };
  },
- не работает, methods тоже, за пределами Vue - не смогу использовать в {{}}....
в Vue 3 получилось так
setup() {
    const LiteStringParser = {
      parseLineBreak(str) {
        return str;
      },
      parseColor(str) {
        return str;
      },
    };
    return { LiteStringParser };
  },
- но как в Vue 2

Последний раз редактировалось eternalNewbie, 20.09.2021 в 12:16.
Ответить с цитированием
  #2 (permalink)  
Старый 20.09.2021, 12:27
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

eternalNewbie, всё прекрасно работает, просто у тебя опечатка: LiteStringParser.

Однако по возможности стоит избегать использования вызовов каких-либо методов и функций в шаблоне. Если надо показать что-то вычисляемое - лучше использовать computed свойство, которое закэширует результат.
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Vue использование свойств micscr Библиотеки/Тулкиты/Фреймворки 6 17.04.2020 13:31
Локальное подключение компонентов vue? Lodas Библиотеки/Тулкиты/Фреймворки 0 11.04.2020 22:42
UI верстальщик. VUE + Semantic UI shelomar Работа 0 12.01.2018 15:40
использование prototype для создания конструктора обьекта greenrow Общие вопросы Javascript 6 02.06.2016 20:03
JavaScript. Уровень 3в. Серверное программирование на Node.js maxy666 Node.JS 8 10.08.2014 00:36