项目中嵌入jsp页面的方法
如何在如何在vue项目中嵌入
主要介绍了如何在vue项目中嵌入jsp页面的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定
的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
页面的方法(2种种)
今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面,想着直接将其嵌入到当前的vue项目中节约开发成本;但是发现并
非想象的那么简单
创建一个server.vue组件加载jsp页面
1 、第一种(使用
、第一种(使用 v-html进行进行jsp 渲染)渲染)
server.vue
请求返回的jsp数据格式
后台返回的 index.jsp 内容如下:
Docker容器服务器管理
页面显示如下:
因:jsp页面只是写了几个标签,其他数据都是通过外部js中的方法动态渲染出来的,然而使用v-html只是将jsp 页面加载到了当前页面
上,但是没有将js 再次load进来;所以页面上就只有几个没有用的标签!最终确认这种方法不可行
2、、 第二种(使用
第二种(使用 iframe 进行进行jsp嵌入)嵌入)
修改后的 server.vue
这次终于对了运行效果如下:
还是老式的方法过的奥,测试证明这种方式可行,完美解决问题 嘿嘿。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。