Vuejs2无法插入属性值

 
            {{ column }}
 

即使我只column放在那里我得到[对象]而不是实际的列名

所以,这在es6模板语法中根本不起作用.它只适用于我将模板放在index.html文件中的标签内

export default{

  template: `
    

       ....
        test 
       ....
    
  `,

   created(){

   }

 }

我试过了

${column}   - undefined variable
${$column}  - undefined variable
`${column}` - unexpected identifier
{{column}}  - invalid expression in vue

和其他组合,既不适用于es6模板语法.

所以vuejs模板不能与es6模块和模板语法一起使用？

对于HTML类绑定,您可以使用两种语法:

对象语法

类的存在将取决于所使用的数据属性的真实性.类绑定期望以下类型:{ [key: string]: boolean }或Record.

使用模板字符串(反引号)作为对象属性名称时,需要将其包装在方括号中.

即:

数组语法

还有数组语法,它允许我们绑定类列表.

我们可以在数组语法中使用对象语法,如下所示:

使用模板字符串:

编辑:

如果要使用模板文字,请尝试以下操作:

template: `
    

       ....
        test 
       ....
    
  `,