小编Jac*_*k.C的帖子

如何在 JSX 中获取 vue slot 属性?

我编写了一个使用模板语法的子组件,子组件有一个槽将“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)

jsx slot vue.js

2
推荐指数
1
解决办法
5467
查看次数

标签 统计

jsx ×1

slot ×1

vue.js ×1