我编写了一个使用模板语法的子组件,子组件有一个槽将“item”属性传输给父组件,但父组件使用JSX语法,现在我很难在JSX中获取“item”属性。任何帮助将不胜感激!
// child.vue
<template>
<Autocomplete>
<template slot-scope="{ item }">
<slot :item="item" />
</template>
</Autocomplete>
</template>
Run Code Online (Sandbox Code Playgroud)
// parent.vue
export default {
render () {
return (
<Child>
<template slot-scope='{item}'>
<span>{item}</span> // item is not defined
</template>
</Child>
)
}
}
Run Code Online (Sandbox Code Playgroud)