vue中使用iframe链接外部路径并将获取到的id传到外部路径上

在iframe中使用了很多方式结果都不太理想,最后终于解决了这个问题,废话不多少,上我的代码

我是通过this.$router.push获取到了我需要的id,关于我的id是如何获取的,可以去看我的另外一篇博客,嘿嘿

在我的template中

vue中使用iframe链接外部路径并将获取到的id传到外部路径上_第1张图片

我是使用:src="geturl()"的方式,获取到geturl这个方法

vue中使用iframe链接外部路径并将获取到的id传到外部路径上_第2张图片

script部分中我定义了一个geturl,注意了

如果你是单单写了vue中使用iframe链接外部路径并将获取到的id传到外部路径上_第3张图片

我箭头指向的部分是没有用的,因为如果你的modelId没有声明的话,浏览器会报modelId未定义这个错误,

我也是看到浏览器报这个错误,才发现url获取不到modelId的,所有modelId是要声明的,然后将我们的modelId通过+号的方式拼接到路径后面。

vue中使用iframe链接外部路径并将获取到的id传到外部路径上_第4张图片

完整的效果图就是这样了,以后碰到就知道怎么解决了,开心。

你可能感兴趣的:(Vue,跳转)