[Vuejs]-Vue.js doesn't render table

by

0👍

First, although you can instantiate your Vue app on the <table> tag, usually you want just a single Vue instance on the whole page, so it might be better to make the Vue instance on one main div/body tag.

Second, I think your code could work (I don’t know what your deliveries objects should look like…), but your fillTable() method is probably not getting called, i.e. deliveries are empty.

I made this working example based on your code: http://jsfiddle.net/wmh29mds/

0👍

Life is easier than it seems.
I got a mistake into this directive: 

v-bind:class="{ table-view-item__col--extra-status: item.exclamation }"

I just forgot single quotas into class name, next variant is working: 

v-bind:class="{ 'table-view-item__col--extra-status': item.exclamation }"

Leave a comment