How to use f7-list-item as a Vue single file component

enylin · October 10, 2018, 3:15pm

I’m using Webpack and Vue.

I have something like this:

I want to move the component “my-list-item” to another file and import it as a Vue single file component.

But after I move the component to another file, it cannot render correctly.

It will look like this:

How should I use f7-list-item inside a single file component?

nolimits4web · October 11, 2018, 12:01pm

Just add slot="list" to your custom component:

<my-list-item slot="list" ...