Skip object items if the value is null
<p>I have a nested <code>for ... in</code> loop in vue js. What I'm trying to to is to skip elements if the value of the element is <code>null</code>. Here is the html code:</p>

<pre><code>&lt;ul&gt;
    &lt;li v-for="item in items" track-by="id"&gt;
        &lt;ol&gt;
            &lt;li v-for="child in item.children" track-by="id"&gt;&lt;/li&gt;
        &lt;/ol&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><code>null</code> elements may be present in both <code>item</code> and <code>item.children</code> objects.</p>

<p>For example:</p>

<pre><code>var data = {
   1: {
      id: 1,
      title: "This should be rendered",
      children: {
          100: {
              id: 100,
              subtitle: "I am a child"
          },
          101: null
      }
   },
   2: null,
   3: {
       id: 3,
       title: "Should should be rendered as well",
       children: {}
   }
};
</code></pre>

<p>With this data <code>data[1].children[101]</code> should not be rendered and if <code>data[1].children[100]</code> becomes null later it should be omitted from the list.</p>

<p>P.S. I know this is probably not the best way to represent data but I'm not responsible for that :)</p>