illiatovpeko
@illiatovpeko
Самолепный ВебдевелопЁр

Vue.js: почему не генерируется документ?

На долю секунды документ генериться и пропадает. Это явно связано с директивой v-else-if

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Vue</title>

</head>
<body>

<div id="app">
  <h2 v-if="letter==='a'">a</h2>
  <h2 v-else-if="letter==='b'">b</h2>
  <h2 v-else-if="letter===='c'">c</h2>
  <h2 v-else>not match</h2>
  <hr>
  <input type="text" v-model="someinput">
  <h2>{{mes}}</h2>
  
</div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script type="text/javascript">
	new Vue ({
  el: '#app',
  data: {
    someinput:'a',
    mes:'Hy there'
  }
})

</script>
</body>
</html>
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
Синтаксическая ошибка: лишний 4-й знак равенства для "c".
И, главное, переменная letter была не определена.
Надо и модель и переменную в v-if сделать одной и той же:
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
palkan_karabov
@palkan_karabov
PressF1
new Vue ({
  el: '#app',
  data: {
    someinput:'a',
    mes:'Hy there',
    letter: 'a'
  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы