Vue.js vuejs vuetify中v文本字段的首字母自动大写

我正在尝试将vuejs中v-text-field的第一个字母大写，但要取消标记。如何做到这一点

---

当我像图中那样输入文本时，第一个字母应该是自动大写。

我不知道

v-text-field

是否支持

v-model

，但我会在输入失去焦点时更新输入

var-app=新的Vue({
el:“应用程序”，
数据（）{
返回{
文本：“”，
}
},
方法：{
大写（）{
常量[firstLetter，…rest]=此.text.split（“”）；
const upperCaseLetter=firstLetter.toUpperCase（）；
如果（第一个字母===大写字母）{
返回；
}
this.text=firstLetter.toUpperCase（）+rest.join（“”）；
}
}
});
另一种方法是使用。只要更改了
firstName
，就会触发此操作


导出默认值{
数据（）{
返回{
名字：“，
};
},
方法：{
大写首字母：（str）=>{
返回str.charAt（0.toUpperCase（）+str.slice（1）；
},
},
观察：{
名字：函数（newValue）{
this.firstName=this.firstLetter（newValue）；
},
},
};

如果将其绑定到变量，可以通过以下方式获取该字符：
firstName[0]
然后按自己的方式修改它。顺便说一句：拆分字符串并像这样重新连接字符串是一种笨拙的慢行，请您使用vue提供一个可能的解决方案。在javascript中，有很多方法可以大写字符串，并且在特定版本的浏览器中，每种方法的性能都不一样。没有任何冒犯的地方。你的解决方案绝对有效！这只是一个优化的暗示。如果您对检查速度差异感兴趣（）。只需按右下角的RunTests即可查看这两个函数的相互比较。同样，不可忽视的是，不可冒犯，但每秒的运算量相差约90-95%