关于TSX中如何使用具名插槽的问题

Question

老师您好，本人在开发中用到的技术栈是Vue3+TS以及ElementUI，遇到的问题是不知道如何在TSX中使用具名插槽，如图所示，el-submenu这个组件是通过具名插槽的方式指定标题的，但是在TSX的情况下，不知道该怎么使用插槽了，请老师指点，谢谢老师

Answer 1

Jokcy 2021-01-04 21:25:41

在el-submenu上使用 v-slot={{ title: <> }} 这样

• 提问者 LBruce #1

  老师我按你说的写，遇到问题了，TSX是不支持解析v-slot吗？还是要安装什么依赖？

• Jokcy 回复 提问者 LBruce #2

  写错了，是v-slots

• 提问者 LBruce 回复 Jokcy #3

  的确可以，不知道老师是怎么知道用这样的形式的？我Google了好久，都没看到这样的写法

点开查看后面2条评论

Answer 2

提问者 LBruce 2021-01-07 16:39:11

按照老师说的，确实可行。不过运行后会提示“value encountered for slot "label". Prefer function slots for better performance. ”，为了消除这个提示，可以用return的方式。以下供其他同学参考

Answer 3

提问者 LBruce 2021-01-04 22:46:15

老师的意思是这样吗？不过我这样写了之后，有一个warning提示“Failed to resolve directive: slot  at <SubMenu> ”

具体错误信息如下

是少了依赖？还是？