vue 使用Class 与 Style 绑定过程中实战易错点个人总结

vue 使用Class 与 Style 绑定过程中实战易错点个人总结
1, 使用 [{active: isActie}, target] 或者 {active:isActive} 这两种形式的类的时候,(达到通过布尔控制样式的切换) 需要注意的问题,或者是编程时候容易写错的地方注意提醒
1) class 必须携程:class =“” 的形式, 必须不能少了“冒号”, 有了冒号里面的东西才是js表达式
2)不管是数组还是对象形式的类,里面的非对象形式的单独的类名都一定要在data里面定义,指定字符串类(即指定了使用了那个css)比如target在data里面定义之后 指定字符串‘target’,然后再在css里面定义好这个target 就可以使用了
3)对于这种形式 {active:isActive}的,我们在css里面定义active的时候,它非活动状态的css样式要高于它,在active的前面定义,这点非常重要

请尊重我的个人原创,如有使用我的文章内容,请标明转载!!!违者必究!!!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值