Vue prop赋值字符串concat返回NaN

Question

这只是一个非常简单的Vue代码，但我无法让它工作。

<input type="text" :class="'required-class' + custom_class" />

我的道具是

props:{
    custom_class:{type:String}
      }

预期产出：

<input type="text" class="required-class some-class-submitted" />

但返回：

<input type="text" class="NaN some-class-submitted" />

P.S我知道我可以使用computed属性来实现这一点，但有没有使用它的任何更简单的解决方案？

Answer 1

您无法以这种方式绑定到class属性，而是执行此操作： <input type="text" class="required-class" :class="[custom_class] " />

我建议你阅读有关绑定类和样式的文档，这里有很好的解释https://vuejs.org/v2/guide/class-and-style.html