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
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.