vue-bind 使用
v-bind属性绑定属性和样式(1)绑定属性<button class = "btn" :style="{ color:'white',background:'blue' }"> 点击 </button>(2)绑定样式<button class = "btn" :style="{ color:'style' }"> 点击 </butt...
·
v-bind属性绑定属性和样式
(1)绑定属性
<button class = "btn" :style="{ color:'white',background:'blue' }"> 点击 </button>
(2)绑定样式
<button class = "btn" :style="{ color:'style' }"> 点击 </button>
这个style在data里写样式
(3)绑定class关键字---------通过点击事件设置class里的布尔值
view视图里的
<button class = "btn" :class={ 'active' : isActive } @click = "toggle"> 点击 </button>
css里的
.active
color:white;
background-color:green;
}
js里的
data:{
isActive:false
}
method:{
toggle:function(){
this.isActive = true;
}
}
更多推荐
已为社区贡献12条内容
所有评论(0)