Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css VueJs-类，包括常量和动态值_Css_Data Binding_Vue.js_Vuejs2 - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css VueJs-类，包括常量和动态值

Css VueJs-类，包括常量和动态值

css data-binding vue.js vuejs2

Css VueJs-类，包括常量和动态值,css,data-binding,vue.js,vuejs2,Css,Data Binding,Vue.js,Vuejs2,我想向Vue中的元素添加常量和动态类： <div :class="button {'button-danger':danger}">Button</div> 按钮 类“button”应始终应用，“button danger”仅当属性“danger”为true时才应用。简单如下 <div class="button" :class="{'button-danger':danger}">Button</div> 。按钮危险{ 颜色：红色 } .按

我想向Vue中的元素添加常量和动态类：

<div :class="button {'button-danger':danger}">Button</div>

按钮
类“button”应始终应用，“button danger”仅当属性“danger”为true时才应用。

简单如下

<div class="button" :class="{'button-danger':danger}">Button</div>

。按钮危险{
颜色：红色
}
.按钮{
边框：1px纯黑
}

按钮
第二个按钮
切换

<div :class="{button: true, 'button-danger':danger}">Button</div>