最近写录入车牌号的功能,产品让实现输入字母自动转化为大写,其实这个很容易实现,也有很多种方法实现,我是在vue项目中写的,今天记录一下我的实现方式,顺便带出来一个知识点”深度监听“。
<div id="app">
<input v-model="addCarData.plateNumber" type="text" name="">
</div>
data: {
addCarData: {
plateNumber: ''
}
},
watch: {
'addCarData.plateNumber': { // 深度监听,可监听到对象、数组的变化
handler (val, oldVal) {
this.addCarData.plateNumber = val.toUpperCase()
},
deep: true
}
}