Использование обьекта в {{}} 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, всё прекрасно работает, просто у тебя опечатка: LiteStringPa
Однако по возможности стоит избегать использования вызовов каких-либо методов и функций в шаблоне. Если надо показать что-то вычисляемое - лучше использовать computed свойство, которое закэширует результат. |
| Часовой пояс GMT +3, время: 23:35. |