Vue.js绑定HTML class数组语法错误有哪些原因导致的呢，该如何解决呢？下面小编给大家分享Vue.js绑定HTML class数组语法错误的原因分析，感兴趣的朋友一起看看吧
Vue.js绑定HTML class数组语法错误，详情如本文来源[email protected]搞@^&代*@码)网5下所示：
昨天在官网教程上发现一个错误是这样的，下面看图
http://cn.vuejs.org/guide/class-and-style.html
当有多个条件class时这样写有些繁琐。在1.0.19+中，可以在数组语法中使用对象语法：
如果这样写是可以执行成功的，但有错误
data: { classA: 'class-a', classB: 'class-b', classC: 'class-c', isB: true, isC: false } <div>
渲染为：
<div class="class-a classB">
如果是短横符这样的 class-b 是不成功的，所以这里还是要用标准的对象语法加上引号
<div>
渲染为：
<div class="class-a class-b">
以上就是Vue.js绑定HTML class数组语法错误的原因分析的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue.js绑定HTML class数组语法错误的原因分析
转载请注明原文链接：Vue.js绑定HTML class数组语法错误的原因分析
