javascript - penjelasan dokumentasi rasmi vue tentang nilai mengikat model v
怪我咯
怪我咯 2017-06-12 09:22:58
0
1
670

Tetapi kadangkala kita ingin mengikat nilai pada sifat dinamik contoh Vue Dalam kes ini, kita boleh menggunakan v-bind untuk mencapai ini, dan nilai sifat ini tidak perlu menjadi rentetan.

Soalan:
1. Jelaskan perenggan di atas secara terperinci
2. Gabungkan kod berikut untuk menulis demo lengkap

Kotak semak

<input
  type="checkbox"
  v-model="toggle"
  v-bind:true-value="a"
  v-bind:false-value="b"
>
// 当选中时
vm.toggle === vm.a
// 当没有选中时
vm.toggle === vm.b

Butang radio

<input type="radio" v-model="pick" v-bind:value="a">
// 当选中时
vm.pick === vm.a

Pilih Tetapan Senarai

<select v-model="selected">
    <!-- 内联对象字面量 -->
  <option v-bind:value="{ number: 123 }">123</option>
</select>
// 当选中时
typeof vm.selected // -> 'object'
vm.selected.number // -> 123
怪我咯
怪我咯

走同样的路,发现不同的人生

membalas semua(1)
世界只因有你

Ia merujuk kepada nilai radio, kotak semak atau pilihan pilih, yang boleh menjadi rentetan statik atau atribut contoh seperti data contoh dan atribut yang dikira.

Malah, contoh berikut telah diberikan secara terperinci:
<input type="radio" v-model="picked" value="a"> 当用户点选该 radio 时, vm.picked 是字符串 "a",而 <input type="radio" v-model="pick" v-bind:value="a">, apabila pengguna memilih, vm.pick ialah atribut instance bagi vm.a.

Contoh senarai pilihan juga mudah difahami.

Malah, jika anda menaip kod dan menjalankannya sendiri, anda hampir memahaminya Namun, semasa menaip kod, mungkin terdapat beberapa mesej ralat (jika tiada data contoh a, ia akan menggesa data terikat itu. tidak diisytiharkan. Pada masa ini, dalam data Hanya tambahkan a padanya). Bahasa Inggeris mungkin terhalang.

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