<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>汉字反显</title>
</head>
<body>
<div id="app">
<input type="text" v-model="val" >
<p>{{val|china}}</p>
</div>
</body>
</html>
<script src="./js/vue.js"></script>
<script>
let vm = new Vue({
el:'#app',
data:{
val:0
},
filters:{
china(value){
let obj = {
'0':'零',
'1':'一',
'2':'二',
'3':'三',
'4':'四',
'5':'五',
'6':'六',
'7':'七',
'8':'八',
'9':'九'
};
let str = '';
for(let i=0;i<value.length;i++){
str+= obj[value[i]];
}
return str;
}
}
});
</script>
input数字显示大写
最新推荐文章于 2024-02-07 18:10:38 发布