解决vue使用vant页面溢出问题

在这里我使用vant的插件是Grid宫格

我的：
编译器：vscode
这里给出vant的官网：https://vant-contrib.gitee.io/vant/#/zh-CN/home

在vant的Grid宫格中我用的是[格子间距]
官方代码如下：

<van-grid :gutter="10">
  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
</van-grid>

官网的效果图示是这样的：

然后我想要它一共是三行，所以对代码进行了修改：

<van-grid :gutter="10"
  <van-grid-item v-for="value in 12" :key="value" icon="photo-o" text="文字" />
</van-grid>

gutter是设置格子的间距，我没有修改，用的默认的10