Vue2 具名插槽使用报错，页面无法展示插槽内容？

2具名插槽使用报错导致无法在页面展示插槽内容？

问题描述：
在vue2中使用具名插槽时， 放在subsidy-rules组件中，在b组件中 包裹了实际需展示的内容，但页面上却无法展示插槽的内容。

解决方案：
经检查，发现是将页面中的代码弄混而导致的问题。页面加载完成后，将代码修正为以下内容：

subsidy-rules组件：

<el-form-item class="m-t-25">
  <template v-slot:butt>
    <el-button type="primary">
      修改
    </el-button>
  </template>
</el-form-item>

登录后复制

b组件：

立即学习“”；

<subsidy-rules></subsidy-rules>

登录后复制

修正后，页面上即可正常展示插槽的内容。

以上就是Vue2 具名插槽使用报错，页面无法展示插槽内容？的详细内容，更多请关注米云其它相关文章！