Vue.js绑定HTML class数组语法错误的原因分析
作者:mrr 发布时间:2024-04-30 10:20:07
标签:vuejs,class
Vue.js绑定HTML class数组语法错误,详情如下所示:
昨天在官网教程上发现一个错误是这样的,下面看图
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 :class="[classA, { classB: isB, classC: isC }]">
渲染为:
<div class="class-a classB">
如果是短横符这样的 class-b 是不成功的,所以这里还是要用标准的对象语法加上引号
<div :class="[classA, { 'class-b': isB, 'class-c': isC }]">
渲染为:
<div class="class-a class-b">
以上所述是小编给大家介绍的Vue.js绑定HTML class数组语法错误网站的支持!


猜你喜欢
- 1.业务场景有如下树形结构: +—0 +—1 +—2 +—4 +—5 +—3如果删除某个父节点,则其子节点,以及其子节点的子节点,以此类推,
- 前言注意:网上很多教程说需要在build目录下的dev-server.js文件中配置,但目前最新的vue-cli是没有dev-server.
- 写在前面Omi框架可以通过在组件上声明 data-* 把属性传递给子节点。Omi从设计之初,就是往标准的DOM标签的标准传递方式靠齐。比如:
- 前言本文提供将多个视频拼接为一个视频的Python工具代码,其中有一些限制条件,下面的代码说明会提到。环境依赖ffmpeg环境安装,可以参考
- python版本: Python 2.7.61: sys是python自带模块. 利用 import 语句输入sys 模块。当执行impor
- 数字转成字符串方法一:使用格式化字符串:tt=322tem='%d' %tttem即为tt转换成的字符串常用的格式化字符串:
- 本文实例为大家介绍实现tab选项卡的应用,此插件相对比较简单,具体内容如下源码文件:tab.js实现原理:1、单击一个元素时,首先将原来高亮
- 前言我们上一篇博客,给大家展现了一个动态的爱心。今天,我们给大家画一个圣诞树,我们一起来看看效果吧。效果展示我们先来看看最终的效果看看我们画
- 1、函数介绍REGEXP_LIKE 函数在功能上与 LIKE 函数非常相似。 然而,虽然 LIKE 允许简单的字符串匹配搜索,但 REGEX
- Python中包含了许多内建的语言特性,它们使得代码简洁且易于理解。这些特性包括列表/集合/字典推导式,属性(property)、以及装饰器
- 1.获取远程包go 语言有一个获取远程包的工具就是 go get,目前 go get 支持多数开源社区 (例如:github、googlec
- 一、MySQL Server层日志简介一个mysql client发起一个连接请求,处理请求的过程如下图所示:MySQL日志是在MySQL
- SQL SERVER数据存储的形式在谈到几种不同的读取方式之前,首先要理解SQL SERVER数据存储的方式.SQL SERVER存储的最小
- query方法在 pandas 中,支持把字符串形式的查询表达式传入 query 方法来查询数据,其表达式的执行结果必须返回布尔列表。在进行
- 本文实例讲述了python中range()与xrange()用法。分享给大家供大家参考,具体如下:据说range比xrange开销要大,原因
- 本文实例讲述了Python实现螺旋矩阵的填充算法。分享给大家供大家参考,具体如下:afanty的分析:关于矩阵(二维数组)填充问题自己动手推
- python 地图经纬度转换、纠偏的代码如下所示:# -*- coding: utf-8 -*-import jsonimport urll
- 一、命名空间和作用域当出现了函数,变量声明的位置就发生了变化,不同位置声明的变量,能访问这个变量的范围也出现了限制1.1 定义**命名空间:
- 一、安装1、安装easy_install工具wget http://peak.telecommunity.com/dist/ez_setup
- 本文实例讲述了Django框架自定义session处理操作。分享给大家供大家参考,具体如下:django有自己的一套session框架,有他