今天同事问了下有没有把大写下划线字符串转小写驼峰形式的方法，我想也没想就说：写段代码转呀。
然后刚好学了Vue，就想着用Vue的格式写写看看，不在ecilpse写java了。
然后写完才发现，Vue是真的方便，指令绑定元素，然后主要对数据进行操作就行了，根本没抓什么节点啊操作dom啊。
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<textarea v-model="big" @blur="change"></textarea> //双向数据绑定
<textarea v-model="small"></textarea>
</div>
<script>
const vm = new Vue({
el: "#app",
data:{
big:'',
small:''
},
methods:{
change(){
this.small ='';
const blank = /\s+/g;
let str = this.big.replace(blank, ' '); //格式化字符串
const arr = str.split(' ');
for(let a=0;a<arr.length;a++){
if(a!=0){
this.small+='\n';
}
let string = arr[a];
const strArr = string.split('_');
for(let b=0;b<strArr.length;b++){
let string1 = strArr[b];
if(b==0){
this.small+=string1.toLowerCase();
}else{
string1 = string1.substring(0,1).toUpperCase()+ string1.substring(1).toLowerCase();
this.small+=string1;
}
}
}
}
}
});
</script>
</body>
</html>
测试了下转化
而且给别人使用的时候直接扔个html过去，浏览器运行一下就行，真鸡儿简单方便。
网友评论