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

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

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

问题描述:
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 具名插槽使用报错,页面无法展示插槽内容?的详细内容,更多请关注其它相关文章!