v-bind:style directive tidak berfungsi dengan perbandingan bersyarat

Question

Saya boleh mengikat kelas kepada elemen dalam vue berdasarkan syarat seperti:

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

Tetapi apabila saya cuba menggunakan pengikatan bersyarat yang sama style seperti ini:

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

styles 均未应用于该元素。为什么 :style Perintah tidak berfungsi?

Kedua-dua arahan terpakai untuk container div yang mengandungi semua elemen lain.

Answer 1

Saya telah membuat kajian tentang masalah anda, jadi untuk menyelesaikannya anda boleh melakukan perkara berikut:

1. Semak gaya elemen dalam alat dev penyemak imbas, mungkin berlaku gaya terikat dalam fail css ditindih, contohnya, jika anda mempunyai pautan ke fail css
2. Di sini { '背景': '蓝色;' } Cuba mengeluarkan ";", bagi saya ia mula berfungsi apabila saya mengeluarkannya.