lazy延遲
1
2
3
4
|
<div id="app">
<p>{{ inputValue }}</p>
<input type="text" v-model.lazy="inputValue">
</div>
|
1
2
3
4
5
6
7
|
Vue.createApp({
data(){
return{
inputValue: ""
}
}
}).mount("#app");
|
當加上.lazy後在focus輸入資料時，資料都不會同步，直到離開焦點時，才會把值同步到data
number純數字
1
2
3
4
5
|
<div id="app">
<p>{{ inputValue }}</p>
<p>型別是：{{ typeof(inputValue) }}</p>
<input type="number" v-model.number="inputValue">
</div>
|
1
2
3
4
5
6
7
|
Vue.createApp({
data(){
return{
inputValue: ""
}
}
}).mount("#app");
|
input的值都是string，加上.number可以直接轉換成number，但前提是input的type也要是number
trim去掉前後空白
1
2
3
4
|
<div id="app">
<p>{{ inputValue }}</p>
<input type="text" v-model.trim="inputValue">
</div>
|
1
2
3
4
5
6
7
|
Vue.createApp({
data(){
return{
inputValue: ""
}
}
}).mount("#app");
|
適合使用在text或email格式
其他相關