vue如何将html字段字符串转成html标签(vue从后台获取的数据有html标签通过v-html渲染到页面,然后如何给html里面添加样式)

原创 程序编程代写  2021-11-18 04:26:10  阅读 66 次 评论 0 条
摘要:

Vue如何将html字段字符串转换为HTML标签varvm=newVue({el:“#app”,数据:{html:``,argus:{src:“movie。ogg”,controls:“controls”}},components:{ch

Vue 如何将 html 字段字符串转换为 HTML 标签

vue从后台获取的数据有html标签通过v-html渲染到页面,然后如何给html里面添加样式?

输入代码。

html:

{{物品。标题}}

varapp=newVue({

el:‘#app’,

数据:{

问卷列表:[],//定义一个空数组

当前页面:1,//当前页

},

//加载后自动执行

安装:功能(){

var那=this;

那。问卷数据();//调用方法

},

方法:{

问卷数据:功能(){

varthat=this;

$。阿贾克斯({

url:url+“问卷”,

类型:“获取”,

数据:{

当前页面:那个。currentPage

},

成功:功能(资源){

资源。data。问题。地图(功能(项目,索引){

that。问卷清单。推(项目);

扩展信息:

1。在编辑器中创建一个web项目,在目录中复制并新建一个静态页面buttonclick。html:

2。在title标签中引入准备好的vue。js库文件。这里把js文件放到js目录下,然后在body标签中插入一个div和四个按钮,在Vue中将click事件绑定到v-on标签上:

3。接下来插入script标签,在mark中写入事件函数,在事件中传递参数,然后打开浏览器查看结果:

四、打开浏览器,点击其中一个按钮,打开窗口返回的元素对象。以上就是如何使用Vue获取点击事件元素。