Bagaimana untuk menukar nilai terikat kepada v-model dalam vue menjadi pembolehubah

Tukar nilai rentetan terikat kepada model v melalui atribut yang dikira: Buat atribut yang dikira untuk menukar nilai rentetan kepada pembolehubah. Gunakan atribut yang dikira dalam model v. Contoh: v-model mengikat sifat convertedValue yang dikira untuk menukar rentetan kepada integer. Setiap kali medan input diubah suai, convertedValue mengira dan mengemas kini nilai data myValue.

Cara mengikat rentetan kepada pembolehubah menggunakan model v dalam Vue

Dalam Vue, arahan model v boleh digunakan untuk mencipta pengikatan data dua hala antara elemen borang dan objek data Vue. Apabila model v diikat pada rentetan, ia secara automatik menghuraikan nilai input ke dalam rentetan. Walau bagaimanapun, kadangkala kita perlu menukar nilai terikat kepada pembolehubah.

Kaedah: Menggunakan sifat yang dikira

Sifat yang dikira dalam Vue membolehkan anda mengira nilai baharu secara dinamik daripada objek data sedia ada. Untuk menukar nilai rentetan yang terikat kepada v-model, anda boleh menggunakan langkah berikut:

1. Buat atribut yang dikira:

   computed: {
     convertedValue: function() {
       // 将 v-model 绑定的字符串值转换为变量
       return parseInt(this.myValue);
     }
   }

2. Gunakan atribut yang dikira dalam v-model:

Setiap kali medan input diubah suai, sifat pengiraan convertedValue dinilai, menukar rentetan input kepada integer dan mengemas kini nilai dalam objek data Vue.

Contoh:

<input v-model="convertedValue">

Dalam kod ini, model v terikat pada sifat dikira convertedValue, yang menukar nilai rentetan yang terikat dalam objek data myValue kepada integer. Apabila pengguna mengubah suai medan input, nilai convertedValue dikemas kini, menyebabkan sifat data myValue dikemas kini juga.

Atas ialah kandungan terperinci Bagaimana untuk menukar nilai terikat kepada v-model dalam vue menjadi pembolehubah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!