vue在render中写jsx slot-scope内的值如何写?

_SYY_
  • 36

`

<a-tree>
  <template slot="title" slot-scope="{title}">
    <span v-if="title.indexOf(searchValue) > -1">
      {{title.substr(0, title.indexOf(searchValue))}}
      <span style="color: #f50">{{searchValue}}</span>
      {{title.substr(title.indexOf(searchValue) + searchValue.length)}}
    </span>
    <span v-else>{{title}}</span>
  </template>
</a-tree>

`
例如上面代码事例
由 a-tree组件往slot="title" 向上传了一个title
如果在jsx中 怎么写这个slot-scope
`

<a-tree><template slot="title"></template></a-tree>

`
这个slot-scope怎么写 才能获取到组件a-tree得到的title?

回复
阅读 3.2k
1 个回答
✓ 已被采纳

 const scopedSlots = {
        //defaul 默认具名插槽
        default: props => {
          return (
           // props 就相当于 slot-scope="{title}" 里面的值
            <a onClick={(e) => this.aclick(e, props)}>编辑</a>

          );
        }
      }


return <Table {...{ scopedSlots }}>

      </Table>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏