Dynamic values in api-url about vue-table HOT 4 CLOSED

@cloud9business Grate! :) You could also just dynamically bind the api-url prop to apiUrl value.

  <vuetable :api-url="apiUrl"></vuetable>

from vue-table.

Thanks for the response.
editingServiceTask.id is client side.
What seems to work is setting api-url to an empty string initially and then setting it via a computed property via the loading event.

` computed: {
apiUrl: function () {
return "/api/v1/service_tasks/" + this.editingServiceTask.id + "/items";
}
},

events: {
    'vuetable:loading': function() {
        if (this.$refs.serviceTaskItemsTable !== undefined){
            this.$refs.serviceTaskItemsTable.apiUrl = this.apiUrl;
        }
    },
},`

from vue-table.

@cloud9business To me, the editingServiceTask.id does not look like a php object! If it is a php object it should look like this editingServiceTask->id. And the called url confirms it, because it only has opening and closing braces, excluding the value of editingServiceTask.id itself.

Please check if editingServiceTask is an object on your server side or the client side. If it is the object on the server side (laravel) it should be editingServiceTask->id as I mentioned. But if it is the object on the client side, you definitely cannot use it inside blade!

Hope that helps. :)

from vue-table.

Dynamically binding the api-url property to apiUrl is the answer. Thank you @cloud9business for asking this question and showing how to set up apiUrl in computed. @ratiw we can't thank you enough for vuetable and your continued support. It's funny how we can see something a thousand times, like that little colon in front of some of the vuetable properties, and not realize the significance. It's really nice to have dynamic values in the api-url property. I'm still trying to understand how this works. Why doesn't :api-url="this.apiUrl" work? I think this refers to an instance of an object, correct? Maybe, when we're setting the properties of the vuetable it doesn't understand what object this.apiUrl is referring to which is why we need to use computed? Sorry for the newbie question.

from vue-table.