WebDataRocks within Vue.js component

Hi
 
Can I put the WDR in a vue.js component? I would like to have tabs on my dashboard where the first tab does not have the pivot table showing. I set up a vue component called SLPivotTable.vue and in the template for the component have a div element with id= slpivotcontainer

<template>
  <div id="slpivotcontainer"</div>
</template>

The I then made the api call as per the documentation such that the container for the WebDataRocks pivot table is set as

container: "#slpivotcontainer",

but I get an error as follows

WebDataRocks Reporting Component:
Unable to create the component. DOM element with id 'slpivotcontainer' is not found.

I’ve looked in the DOM and the div element is there under app.

Any ideas?

Martyn