首页  >  问答  >  正文

v-bind:style 指令不适用于条件比较

我可以根据如下条件将类绑定到 vue 中的元素:

:class="i18n.global.locale == 'ar' ? 'class1': 'class2'"

但是当我尝试使用相同的条件绑定 style 时,如下所示:

:style="[i18n.global.locale == 'ar' ? { 'background': 'blue;' }: { 'background': 'red' } ]"

styles 均未应用于该元素。为什么 :style 指令不起作用?

这两个指令都应用于​​包含所有其他元素的 container div

P粉321676640P粉321676640183 天前322

全部回复(1)我来回复

  • P粉722409996

    P粉7224099962024-04-01 14:41:15

    我对您的问题进行了一些研究,因此要解决它,您可以执行以下操作:

    1. 在浏览器开发工具中检查元素的样式,可能会出现覆盖 css 文件中的绑定样式的情况,例如,如果您有指向 css 文件的链接
    2. 这里 { '背景': '蓝色;' } 尝试删除“;”,对我来说,当我删除它时它开始起作用。

    回复
    0
  • 取消回复