v-bind:class失效问题

Posted nora-f

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了v-bind:class失效问题相关的知识,希望对你有一定的参考价值。

当我想通过事件改变button的样式,发现怎么也不变。可能有以下原因:

  1. button添加了元素选择器
  2. 在 :class中最好对固定的类(f-right)的判断值true加上引号
:class="{ ‘f-right‘: ‘true‘,‘btn‘:isDisabled==false,‘check_btn_grey‘: isDisabled==true}"

元素中可以存在静态样式和动态样式共存(避免冲突即可)

以上是关于v-bind:class失效问题的主要内容,如果未能解决你的问题,请参考以下文章

为啥 v-bind:class 不起作用?

v-bind:class 的 Vue.js 计算属性

v-bind使用

v-bind动态绑定

Vue绑定class与绑定内联样式--v-bind

Vue教程 v-bind:class动态绑定