vue项目中怎么使用后端传过来的ul并渲染到页面上

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目中怎么使用后端传过来的ul并渲染到页面上相关的知识,希望对你有一定的参考价值。

参考技术A 1;document.getElementById('id').innerhtml = ul
2;后台传过来值,前端绑定数据(推荐)本回答被提问者采纳

后端传过来一个JS代码,前端拿到之后执行

今天收到了一个需求,居然是后端给我传过来一个JS代码,然后前端去执行。

因为后端传过来的JS代码是一个字符串,所以刚开始有点懵,以前也没有做过这样的东西所以刚开始没有方法。

这个项目是使用了前后端分离的格式,所以代码在服务器渲染是不可能了,所以只能在浏览器端想方法。

再网上扎到了几个方法,

一、使用Function方法,代码为如下

 

var str = ‘alert(1)‘;
(new Function(str))();

二、使用eval方法

 

var str = ‘alert(1)‘;
eval(str)

三、如果你的项目是后端渲染的页面可以接在<script></script>中渲染出来,这样的话就不需要前端去处理了。

 

以上三个方法都可以使用,主要看你的项目需求来决定用什么了。

以上是关于vue项目中怎么使用后端传过来的ul并渲染到页面上的主要内容,如果未能解决你的问题,请参考以下文章

前端通过后端传过来的'\n' ,'<br/>'等字符串换行失败问题

vue如何遍历后端数据

elementuitable表格中把后端传过来的数据加了逗号不显示怎么回事

vue后端数据赋值给类

vue中axios请求成功了如何把数据渲染到页面上?

form表单提交提交文件,并接受后端传过来的数据