v-bind:style 指令不適用於條件比較
P粉321676640
P粉321676640 2024-03-31 17:56:41
0
1
378

我可以根據以下條件將類別綁定到 vue 中的元素:

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

但是當我嘗試使用相同的條件綁定 style 時,如下所示:

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

styles 皆未應用於此元素。為什麼 :style 指令不起作用?

這兩個指令都套用於包含所有其他元素的 container div

P粉321676640
P粉321676640

全部回覆(1)
P粉722409996

我對您的問題進行了一些研究,因此要解決它,您可以執行以下操作:

  1. 在瀏覽器開發工具中檢查元素的樣式,可能會出現覆蓋 css 檔案中的綁定樣式的情況,例如,如果您有指向 css 檔案的連結
  2. 這裡 { '背景': '藍色;' } 嘗試刪除“;”,對我來說,當我刪除它時它開始起作用。
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!