Tap Strip Content Cannot stay with Vue Component

[Sio]

I need to add the component that was created and put into the tabstripe content to show on the tabstriped but i seem like not supported 

[Ianko]

Hi Sio,

Such an option would be available only with a native TabStrip component. Therefore, I encourage you to vote for this item here: https://feedback.telerik.com/kendo-jquery-ui/1360378-vue-native.

Regards,
Ianko
Progress Telerik

[Sio]

Thanks, but i am trying the web application, any suggestion?

[Ianko]

Hi Sio, 

You can test out the current Kendo TabStrip for Vue by following the examples here: https://www.telerik.com/kendo-vue-ui/components/layout/tabstrip/.
 

Regards,
Ianko
Progress Telerik

[Sio]

I had test out the giving example but it seem like the example also cannot work

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/append 

here is the example of append but when i click the tab it seem had error and the page cannot be render as well

[Ianko]

Hello Sio,

Indeed, the example as shown is somehow misleading, but it aims to show all possible options to append an item and some of them break the way TabStrip actually works. However, if you setup the items properly with content that can show up, the TabStrip will work as intended: https://dojo.telerik.com/EpuvaJUJ. 

Regards,
Ianko
Progress Telerik

[Sio]

Ok! Thanks but i have a question on how the content refer to vue component? such as using the path "../view/Home.vue" so the content can refer to the .vue file which is the UI i created.

[Ianko]

Hello Sio,

As mentioned previously there is no built-in approach to directly navigate somehow to a Vue file. If you need to inject the content as plain HTML, you can always use components and render them in the same way as if it is HTML: https://codesandbox.io/s/1qzr89nwx3.

If you have any specific needs, for the TabStrip to somehow interact with those Vue files, this could be possible only with native components.

Regards,
Ianko
Progress Telerik