查看渲染错误 (Vue)

Question

当你去一个路线时，视图被渲染“错误”：

我用的是Vuetify，第一次路由访问渲染就做对了。

当我点击编辑 (EDITAR) 时，我会转到另一条路线，在那里我可以对项目记录进行更改，当我点击保存时，我会使用以下代码返回上一条路线：

axios.patch(`${url}produtos/${this.$route.params.id}`, formData, {
    headers: {
      'Content-Type': 'multipart/form-data',
      accept: 'application/json',
    },
  }).then((result) => {
    console.log(result);
    Toast.open({
      message: 'As Alterações Foram Salvas!',
      type: 'is-success',
      position: 'is-top',
      indefinite: true,
    });
    this.$router.push({ path: `/produtos/${this.$route.params.id}` });
  });

但是，它并没有像我预期的那样呈现，因为它缩小了 Vuetify Carousel 内的 iframe，并且仍然返回到与项目编辑页面相同的位置（页面底部）的上一页。

有谁知道为什么会发生这种情况以及如何解决它？

提前感谢您的帮助。

Answer 1

我找到了问题的原因，我正在使用 Buefy Toast 组件，不知何故它阻碍了 Iframe 加载，它只是删除了 buefy 以使其正常工作，现在我将找到 Buefy 的 Toast 的替代品。