v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办

前提：
为啥不用前端请求数据：因为数据是扒过来的对方返回xml 后台转换 => 解析成html 再给前端

问题：
后台将html和js都返给我点击按钮弹窗会报错找不到方法
因为用vue的 v-html 虽然能渲染html 但是js不行他不能识别里面的方法会把js当成字符串来编译

（尝试过将js文件放到前端没好使具体啥原因时间太久了我忘了）

解决思路：
秉承着笨人有笨方法动态串创建script标签然后截取到后台传给我的js内容 append进去

<div v-html="html" ref="myHtml"></div>

 createScript () {this.$nextTick(() => {// 截取script标签里的内容var scriptData = []let resdata = this.htmlvar reg = /<script>([\s\S]+?)<\/script>/g;scriptData = resdata.match(reg)for(var i = 0; i<scriptData.length; i++) {var dataEle = document.createElement("script");dataEle.innerHTML = scriptData[i].slice(8, scriptData[i].length-9)this.$refs.creditReportHtml.append(dataEle)}let ele = document.createElement("script");ele.innerHTML = infoShow + showHideTable + more + payment + openModal + Dialog + popDetail + popUrl// infoShow  showHideTable  more 这些是js里的方法名 一些弹窗 点击事件啥的this.$refs.myHtml.append(ele)})},

后续还遇到了不同的问题走一步一个坑
比如打包后发现方法被压缩了还是找不到
（设置了让某一个js文件不打包）

打包问题解决了又出现了本地看没问题但是布到阿里上还是找不到js方法
最后用window.xxx把我的方法暴漏到全局

方法还不是很完善需要根据实际情况做相应修改当时是接手的别人项目眼看要上线急的嗷嗷上火 -—— 太惨了

v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办相关推荐

Jsp页面接收解析后台传来的链表和对象
最近写的前端页面用到了和后台的数据交互,后台用的是SpringMVC架构,因为之前对Ajax有些了解,所以一想到数据交互,第一反应就是Ajax,而没有想到Ajax的使用场合,完全忽略了后台使用Spri ...
vue 如何解析原生html,VUE渲染后端返回含有script标签的html字符串示例
VUE渲染后端返回含有script标签的html字符串示例发布时间:2020-09-14 23:37:52 来源:脚本之家阅读:207 作者:冷幽悠在接入支付宝支付模块的时候,支支返回的是一个f ...
vue打开后端html文件,VUE渲染后端返回含有script标签的html字符串示例
VUE渲染后端返回含有script标签的html字符串示例在接入支付宝支付模块的时候,支支返回的是一个form串,细看一下还有一个script标签,如何将其渲染出来给大家分享一下经验.注意点:不能在 ...
vue解析后台传来的文件流实现文件下载功能并兼容ie
后台传来的文件流: 下载并兼容了ie: export function downloadFile(data, fileName, http, url) {axios({method: http,dat ...
bootstrap 获取表格修改的结果_bootstrap-table前端修改后台传来的数据重新进行渲染...
使用bootstrap-table显示数据,后台传回数据以后,可能需要对其做调整,如需要前端为数据添加单位调整数据代码 $("#"+tableId).bootstrapTable ...
[vue+elementUI+echarts]echart折线图展示后台传来的数据
最近项目遇到了这个问题,来记录一下,方便以后复制粘贴23333 主要功能: 循环遍历渲染后台传来的一堆数据,然后点击每一条数据的More Info按钮展示对应的折线图表格数据. 引elementUi和 ...
Vue解析后端传来的带有文字和html代码的数据
产生原因最近在毕设过程中学习了Vue,遇到一种情况是在前端解析后端传来的带有文字和图片的文章.考虑了很多种方法,最后选择直接在MySQL数据库中存储文字+html代码的形式.但是写好之后发现前端直接 ...
[js] ajax如何接收后台传来的图片？
[js] ajax如何接收后台传来的图片? 1.设置responseType为 Blob,2.将Blob保存为文件个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
jQuery AJAX 方法 success()后台传来的4种数据
1.后台返回一个页面 js代码 /**(1)用$("#content-wrapper").html(data);显示页面*/ $.ajax({async : false,cache ...

v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办

v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办相关推荐

最新文章

热门文章

v-html解析后台传来的html 含有script标签 将js当成字符串来编译咋办

v-html解析后台传来的html 含有script标签 将js当成字符串来编译咋办相关推荐

最新文章

热门文章

v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办

v-html解析后台传来的html 含有script标签将js当成字符串来编译咋办相关推荐