html中使用Vue+element UI动态创建表单数据不显示问题

直接上代码:html代码如下





    
    
    
    
    
    
    
    Document



项目名称
检验内容 检验项目 检查结果 备注 {{item.mainContent}} {{item.secondContent}} {{item.testProject}} {{item.result}} {{item.note}}

我这里后台数据是模拟的,返回的数据格式:

html中使用Vue+element UI动态创建表单数据不显示问题_第1张图片

 理想的是页面创建时就向后台获取数据,然后将数据渲染在页面上,可是失败了,但是控制台也没有报错,只有单独绑定数据的ReportTitle渲染成功。

html中使用Vue+element UI动态创建表单数据不显示问题_第2张图片

 

html中使用Vue+element UI动态创建表单数据不显示问题_第3张图片

 

 最后问了大佬才发现,因为我用的是Vue2,必须要用this

Vue3才可以不用this

将代码改为:

最后就成功显示啦,就是格式不太对,但是可以显示成功了

html中使用Vue+element UI动态创建表单数据不显示问题_第4张图片

你可能感兴趣的:(vue.js,html,ui)