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

最新推荐文章于 2025-11-11 09:41:01 发布

原创最新推荐文章于 2025-11-11 09:41:01 发布 · 382 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

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

<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