vben框架切换路由空白页问题

最新推荐文章于 2024-10-31 17:04:45 发布

多动手,勤思考

最新推荐文章于 2024-10-31 17:04:45 发布

阅读量287

点赞数 1

文章标签：前端

本文链接：https://blog.youkuaiyun.com/cainiao1412/article/details/143090997

版权

总而言之一句话，你的页面组件必须只能存在一个根元素, 有问题的写法如下：

<template>
    <FormModal />
    <Page auto-content-height>
      <Grid>
        <template #toolbar-actions>
          <Button class="mr-2" type="primary" @click="addRowEvent()">新增</Button>
        </template>
        <template #action="{ row }">
            <Button type="link" @click="editRowEvent(row)">编辑</Button>
        </template>
      </Grid>>
    </Page>
</template>

修改成下面的即可：

<template>
  <div>
    <FormModal />
    <Page auto-content-height>
      <Grid>
        <template #toolbar-actions>
          <Button class="mr-2" type="primary" @click="addRowEvent()">新增</Button>
        </template>
        <template #action="{ row }">
            <Button type="link" @click="editRowEvent(row)">编辑</Button>
        </template>
      </Grid>>
    </Page>
  </div>
</template>

这篇文章也有提到：https://blog.youkuaiyun.com/weixin_42229667/article/details/134289747