vue中slot的用法，在elementui 里面怎样使用？

Question

vue中slot的用法，在elementui 里面怎样使用？
我准备用elementui 里面的Tabs 标签页来写页面：
https://element.eleme.cn/#/zh...

我在网上看了很多文章。都没太看懂。
我想做一个注册页面。分别是手机号注册和邮箱注册。想写2个slot不知道怎么写？

我达到这下图那种类似的效果：

Answer 1

这不就完了吗。。。

<el-tabs v-model="activeName">
  <el-tab-pane label="手机注册" name="mobile">
    <!--这里开始写你的手机注册表单-->
  </el-tab-pane>
  <el-tab-pane label="邮箱注册" name="email">
    <!--这里开始写你的邮箱注册表单-->
  </el-tab-pane>
</el-tabs>

Answer 2

好奇你为什么要纠结使用slot插槽。没必要啊。。直接写就好了

Answer 3

slot插槽只是方便组件调用子组件的时候，能自定义内容。没必要非得用。当然用的话更显得更加符合vue的规范。个人觉得再度封装组件时使用会更好点。只是普通页面也没这个很大的必要。