Vue 使用户输入的字母自动转换成大写,并同步到数据
平时的业务中,有时需要将用户输入的字母直接转换成大写,并且同步到数据。我们可以使用 Vue computed 中的 get 和 set 完美的完成这个需求,看下面的代码实例:<template><div id="app"><el-inputv-model="nameComputed"placeholder="输入字母会自动转换成大写"clearable><
·
平时的业务中,有时需要将用户输入的字母直接转换成大写,并且同步到数据。我们可以使用 Vue computed 中的 get 和 set 完美的完成这个需求,看下面的代码实例:
<template>
<div id="app">
<el-input
v-model="nameComputed"
placeholder="输入字母会自动转换成大写"
clearable></el-input>
</div>
</template>
<script>
export default {
name: 'App',
data(){
return {
name: ''
}
},
computed: {
nameComputed: {
get: function () {
return this.name
},
set: function (val) {
this.name = val.toUpperCase()
}
}
}
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)