查看渲染错误 (Vue)

Posted 2023-02-23

【中文标题】查看渲染错误 (Vue)

【英文标题】：View Rendered Wrong (Vue)

【发布时间】：2019-12-06 07:08:11

【问题描述】：

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

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

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

axios.patch(`$urlprodutos/$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，并且仍然返回到与项目编辑页面相同的位置（页面底部）的上一页。

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

提前感谢您的帮助。

【参考方案1】：

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

【讨论】：

看看这个，我认为这句话很不错：vuetifyjs.com/en/components/snackbars