vue中使用pug模板 使用element改怎么写这里

Question

这里绑定数据 利用prop 直接这么写不行啊

el-table(:data="tableData",style="width: 100%")
    el-table-column(prop="basic-info",label="基本资料",width="12%")
    el-table-column(prop="group",label="粉丝分组",width="8%")
    el-table-column(prop="user_label",label="个性标签",width="18%")

应该怎么写呢

Answer 1

这个可能是个pug的bug, 有两个办法都可以解决这个问题：

• 在:data前面加上一个空格或者逗号
• 用v-bind:data替换掉:data

Answer 2

el-table(:data="tableData" style="width: 100%")

el-table-column(prop="basic-info" label="基本资料" width="12%")
el-table-column(prop="group" label="粉丝分组" width="8%")
el-table-column(prop="user_label" label="个性标签" width="18%")