Как не отображать символы {{ }} на vue.js в первые секунды?

Пользователь

от cooper.berge , в категории: JavaScript , 2 месяца назад

Как не отображать символы {{ }} на vue.js в первые секунды?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от deion , 2 месяца назад

@cooper.berge 

Для того чтобы не отображать символы {{ }} на vue.js в первые секунды, можно использовать директиву v-cloak.


Директива v-cloak позволяет скрыть элементы до того момента, пока Vue.js не завершит компиляцию шаблона.


В HTML файле добавьте следующий стиль:

1
2
3
[v-cloak] {
  display: none;
}


Затем в элементе, который содержит символы {{ }}, добавьте атрибут v-cloak:

1
<div v-cloak>{{ message }}</div>


Теперь при выполнении компиляции, символы {{ }} будут скрыты до того момента, пока Vue.js не закончит свою работу.