vue 数据无法显示的可能原因:数据初始化为列表但是在传入数据的时候没有用form等,而是用span,p等

时间:2025-02-07 07:25:44

<el-dialog
:="dialogVisible"
width="50%"
title="详情"
:close-on-click-modal="false"
:show-close= "true">
<div>
<span>模板名称:{{}}</span>

这是在dialog中写入span的时候

  tableData: [
            {
              name: 1,

            }
          ]

这是return数据的时候的数据值。
在页面中只能显示 =》模板名称:,而后面的数据显示不出来,而我期望的是:
模板名称:1
本来是以为数据没有绑定上,但是后来问了别人才发现是因为自己的构造数据的时候写成了list,但是我用的是span,所以不能显示出来
所以应该写成:

 tableData: 
            {
              name: 1,

            }

name是tableData中的一个属性,而不是tableData数组下里面的对象中的属性,如果确实想写成数组里面的对象可以这样写:

    tableData[0]: 
        {
          name: 1,

        }