简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Dalam keadaan tertentu, alihkan kedudukan teks medan-v-teks
P粉041856955
P粉041856955 2023-08-28 21:40:26
0
2
488

Saya menggunakan Vue.js dan Vuetify. Terjumpa pemandangan yang menarik. Jadi saya mempunyai tiga pilihan (butang radio)

  • kiri
  • 中
  • kanan

Saya mempunyai medan teks-v dengan nilai teks tertentu dan atribut baca sahaja. Sekarang, apabila pilihan berubah/dipilih, saya mahu menukar kedudukan teks itu dalam medan v-teks.

Sebagai contoh, apabila pilihan 1 (kiri), teks hendaklah dialihkan ke kiri dalam medan teks-v. Apabila pilihan 2 (tengah) digunakan, teks harus bergerak ke tengah. Begitu seterusnya dan seterusnya.

Sebarang cadangan tentang perkara ini. Jika ada cara yang lebih baik, sila tunjuk ajar saya.

P粉041856955
P粉041856955

membalas semua (2)
P粉306523969
P粉3065239692023-08-29 14:57:47 Tingkat 2

Anda boleh menggunakankelas atau gaya mengikat dalam Vue

data() { return { activeAlignment: 'center' } }
    P粉466290133
    P粉4662901332023-08-29 12:21:57 Tingkat 1

    Anda boleh membuat kelas dan mengikatnya:

    new Vue({ el: '#app', vuetify: new Vuetify(), data: () => ({ text: 'some text', align: '' }) })
    .left .v-text-field__slot textarea, .left .v-text-field__slot input { text-align: left; } .center .v-text-field__slot textarea, .center .v-text-field__slot input { text-align: center; } .right .v-text-field__slot textarea, .right .v-text-field__slot input { text-align: right; }
        

      
         左对齐 居中对齐 右对齐
    Suka+0
    Tambah Balasan
      Topik popular
      Lagi>
      Artikel popular
      Tutorial Popular
      Lagi>
      Tutorial berkaitan
      Cadangan popular
      Kursus terkini
      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！