У меня почему то не выводится блок с v-else, подскажите пожалуйста, в чем тут дело?
<div id="vm">
<div v-if="value>10">
Описание товара…
Характеристики товара:
<div v-else>
Характеристики товара…
Вроде объект vue правильно задал, условие тоже должно быть рабочее, не пойму что не так ☹
var viewModel = new Vue({
el:"#vm",
data: {
value:9
}
})
Дело в том что директиву v-else следует использовать прямо сразу же после блока где описан v-if, вы же разорвали так сказать цепочку, и между этими блоками вставили заголовок, попробуйте внести его в нижний блок и запустить еще раз, вот так:
var vue = new Vue({
el:"#vm",
data: {
value:9
}
})
Вот, в последнем блоке, просто заголовок вкладываем внутрь блока v-else.
<div id="vm">
<div v-if="value>10">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, voluptatum.
<div v-else>
Характеристики
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus quam vitae voluptatum!
Так срабатывает, кстати, если у вас есть еще разные участки с описанием чего то, типо описание, характеристики, детальнее, это можно было бы сделать через v-else-if, там всё просто и интуитивно понятно)