Can't use {id} in parameter sent to event handler method when using UUID about vue-tables HOT 8 CLOSED

See #93.

from vue-tables.

Update: This is caused by id being UUID instead of integer. Is this something that would be easy to fix?

from vue-tables.

Wrap the parameter with quotes
deleteClassified("{id}")

from vue-tables.

Now I just receive the string "{id}" as a parameter to my method instead of the actual UUID value.

I've tried different ways (single quotes, escaping the quote, etc.) and still could not make this work.

Have you tried your solution? If so, could you provide a working jsfiddle please?
Wish I could be more helpful..

from vue-tables.

Nevermind, I got it to work outsite my main project...

from vue-tables.

It works for static records passed directly as an array in data attribute of the Vue instance, but not when loading the same data from a REST api in the ready function.

from vue-tables.

Add v-if to the component so it won't compile until the data is returned from the API. Something like:

<v-client-table v-if='loaded'></v-client-table>

where loaded will be set to true in the callback handling the returned data.
Alternatively, you can call this.$compile(this.$el) to compile the templates when the data is ready.

from vue-tables.

I did that but for some reason it doesn't work for me.
I added the v-if to only compile when the data is loaded but i still get an undefined when i try to use it with a button from my table.

My edit button:
<button type='button' class='btn btn-warning' href='javascript:void(0);' @click='$parent.Edit({viewer})'><i class='fa fa-pencil-square-o' aria-hidden='true'></i></button>

(Note: If i use an integer for example the id instead of viewer which is a string everything works and i get the id in the alert function.)

My Edit Function is just:
Edit: function (viewer) { alert(viewer); }

from vue-tables.