vue中在el-table表格的每一条数据都添加一个操作，可以弹出带有iframe的其它应用页面展示框，

心圣灵人

于 2023-05-11 17:12:06 发布

阅读量263

点赞数

分类专栏： iframe vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/bao_Heng/article/details/130625569

版权

在这里插入图片描述

想要点击查看，可以访问每条农药的使用方法，外链指向中国农药网，举例如下

在这里插入图片描述

不能使用router-link，因为router-link只能是项目内的页面跳转。如果使用a标签进行点击打开中国农药网的农药使用方法页面，不管是在当前页面打开，还是跳转新的标签页打开，体验都不好。

想要在当前页面，来一个弹出框，在弹出框里边加载中国农药网的使用方法页面，想到了使用iframe。

<el-table  border :data="dataList2" style="width: 100%;">
    <el-table-column prop="chemicalname" label="农药商品名称" width="180"></el-table-column>
    <el-table-column prop="chemicalclassname" label="分类" width="80"></el-table-column>
    <el-table-column prop=</