uniapp中使用v-html，v-html中JS代码不生效的问题

3天饿九顿

已于 2022-09-27 10:25:05 修改

阅读量3.1k

点赞数

分类专栏： uni-app 文章标签： javascript html 前端

于 2022-08-09 15:32:16 首次发布

本文链接：https://blog.csdn.net/weixin_46210850/article/details/126248848

版权

uni-app 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

html5中的规定为了安全起见，不会执行innerHTML中插入的<script>的代码。
可以创建<script>标签存放数据，onLoad调用

let scripts = document.createElement('script');
				this.$nextTick(() => {
					scripts.innerHTML =
						`
				// window.onload = function () {
					setTimeout(()=>{
					 console.log('执行页面刷新')
					console.log(siteList,'=============')
				            for (var i = 0; i < siteList.length; i++) {
				                switch (siteList[i]) {
				                    case "前部":
				                        tosear(document.querySelector(".top1"));
				                        break;
				                    case "右前":
				                        tosear(document.querySelector(".top2"));
				                        break;
				                    case "右中 ":
				                        tosear(document.querySelector(".top3"));
				                        break;
				                    case "右后":
				                        tosear(document.querySelector(".top4"));
				                        break;
				                    case "后部":
				                        tosear(document.querySelector(".top5"));
				                        break;
				                    case "左后":
				                        tosear(document.querySelector(".top6"));
				                        break;
				                    case "左中":
				                        tosear(document.querySelector(".top7"));
				                        break;
				                    case "左前":
				                        tosear(document.querySelector(".top8"));
				                        break;
				                    case "顶部":
				                        tosear(document.querySelector(".top9"));
				                        break;
				                    case "底部":
				                        tosear(document.querySelector(".top10"));
				                }
				            }
							},1000)
				        // }
				        function tosear(e) {
				            let top1 = e.className;
				            top1 = top1.replace("history", "").trim()
				            if (e.classList.contains('history')) {
				                document.getElementsByClassName(top1)[1].style.display = "none"
				                e.classList.remove('history')
				                e.children[0].classList.remove('fzcolor')
				            } else {
				                document.getElementsByClassName(top1)[1].style.display = "block"
				                e.classList.add('history')
				                e.children[0].classList.add('fzcolor')
				
				            }
				        }
				`
					document.body.appendChild(scripts);