Class
HTML元素的CSS Class可以正常的属性一样定义, 也可以有一个JSON对象的定义方式, 会去检查对象的每个属性值的Truthy, 如果是真, 那就加上名字的class
因为定义class是很常见的行为, 这种额外的定义方式可以带来一些便利
示例如下 :
Vue 代码:
<div env="server">
<script>
var para = "text";
function checkactive(input) {
return input === "text";
}
</script>
<div :class="{ isActive: checkactive(para), otherclass: true, nomatch:checkactive('nomatch')}"></div>
</div>
结果:
<div>
<div class="isActive otherclass"></div>
</div>
相当 k- 的如下语法
<div env="server">
<script>
var para = "text";
function checkactive(input) {
return input === "text";
}
</script>
<div k-attribute="class { isActive: checkactive(para), otherclass: true, nomatch:checkactive('nomatch')}"></div>
</div>