java - vue.js如何写checkbox.radio?
PHPz
PHPz 2017-04-18 10:52:28
0
2
549

我想用vue写checkbox.radio,这个怎么做呢
vue版本2.X
java springmvc

正常情况下会生成如下格式

<select>
    <option value>值1</option>
    <option value>值2</option>
</seltct>

一般情况下数据库里面放的是状态码 1,2。
而前台展示的时候显示的是值1,值2。
我如何直接输出值1,值2呢,我不想在后台进行值查询可以吗?
以前的JSP都是写个tag,直接把值转成html,现在vue我不知道怎么办了

PHPz
PHPz

学习是最好的投资!

membalas semua(2)
小葫芦

Pertama sekali, terima kasih atas jemputan.

Menurut penerangan anda, anda hanya mahu menyimpan nilai status di latar belakang, dan kemudian menyimpan kandungan yang sepadan dengan nilai status di sudut js Apabila anda perlu membuat, anda boleh mengeluarkan kandungan yang sepadan dan memaparkannya ke halaman berdasarkan nilai status yang sepadan

Memandangkan ini biasanya pulangan latar belakang, anda mungkin boleh melakukan ini bergantung pada keperluan anda

  • Mula-mula masukkannya ke dalam data (atau tulis fail kedai untuk menyimpan kandungan ini secara khusus mengikut urutan)

options: [
    '我是1',
    '我是2',
    '我是3',
    '我是4',
    '我是5',
    '我是6',
    '我是7',
    '我是8',
    '我是9',
    '我是10',
]
  • Kemudian anda boleh menulis nilai status dalam data yang menerima nilai status dari latar belakang

option_values: [
    0,
    2,
    4
]
  • Memberi kesan pada halaman berdasarkan

  • ini
<select>
      <option value='item' v-for='item in option_values'>{{options[item]}}</option>
</select>
Kesan akhir

Walau bagaimanapun, ini bukan idea yang baik, kerana untuk tatasusunan, indeks hanya boleh menjadi nombor, yang mengehadkan jenis nilai keadaan. Di atas adalah penyelesaian.


Jadi memandangkan kepelbagaian nilai keadaan, apakah yang perlu kita lakukan Mari kita bincangkan tentang menukar tatasusunan menjadi objek

Tukar langkah pertama di atas ke dalam bentuk pasangan nilai kunci

  options: {
    'option1':'我是1',
    'option2':'我是2',
    'option3':'我是3',
    'option4':'我是4',
    'option5':'我是5',
    'option6':'我是6',
    'option7':'我是7',
    'option8':'我是8',
    'option9':'我是9',
    'option10':'我是10',
  }
Jika anda menulisnya seperti ini, nilai status yang kami luluskan pada asalnya hanya boleh daripada jenis angka boleh ditukar secara semula jadi menjadi

  option_values: [
    'option1',
    'option3',
    'option9'
  ]
Ini juga memastikan kepelbagaian nilai status.

Akhir sekali, adalah lebih baik untuk mengemukakan lebih sedikit soalan dengan kandungan yang tidak sesuai pada masa hadapan. Semakan peraturan komuniti akan membantu anda mencari jawapan dengan cepat. Terima kasih sekali lagi atas jemputan, saya harap saya dapat membantu anda atau membantu anda

提供一些新的思路

阿神

Terima kasih atas jemputan.

Soalan yang anda ajukan adalah tidak profesional... Tajuk anda ingin bertanya tentang checkbox.radio, tetapi kod dalam kandungan ialah kotak lungsur pilih.

Dan ini adalah soalan yang sangat asas.
Jika nilai 1 dan nilai 2 disediakan oleh latar belakang, bagaimanakah anda tidak boleh menanyakannya?
Malah, prinsipnya adalah sama Selepas bahagian hadapan meminta latar belakang untuk mendapatkan data, anda kemudian boleh memaparkan halaman.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan