Vue.js if else in view

if-statement, view, vue.js

Solution

but it needs to be on an element

Yes, but if `v-if` conditional is false, it's not added to DOM tree.

HTML

<div id="main"></div>

JavaScript

new Vue({
    el: "#main",
    template: '<div v-if="name"><span v-text="name"></span></div>',
    data: {
//        name: "bob"
    } 
});

console.log(document.body.innerHTML);
// <div id="main"><!--vue-if--></div>

Still not good for you?

Problem

Is it possible to have an if / else statement which does not render any html in a view similar to knockout: ``` <!-- ko if: someExpressionGoesHere --> ```

Original source