vue插槽后备内容不显示

Question

222
<div class="trigger" @click="open">
      <button class="trigger">
        <slot>111</slot>
      </button>
    </div>

然后渲染出来的只有222，按钮里面默认的的‘111’却没有渲染，为什么默认内容会undefined？

Answer 1

slot标签里写的是后备内容, 如果组件里面没写值会显示111, 代码只贴这么一点看不出来的.
官网上有用法
https://cn.vuejs.org/v2/guide...

Answer 2

你这个button是原生元素标签吧,所以没有效果