value数字 vue_vue实现输入一位数字转汉字功能

当前输入内容为：{{ chinese }}

var vm = new Vue({

el : "#app",

data : {

message : "",

chinese : ''

},

methods : {

toChinese : function(values){

let chin_list=['一','二','三','四','五','六','七','八','九','十'];//所有的数值对应的汉字

let sn = parseInt(values);

this.chinese = chin_list[sn-1];

}

},

watch : {

message(newVal,oldVal){

console.log(newVal)

var reg = /^\d{1}$/;

if(!reg.test(newVal)){

if(newVal == ''){

this.message = '';

return;

}

this.message = oldVal

}else{

this.toChinese(newVal)

}

}

}

})

总结

以上所述是小编给大家介绍的vue实现输入一位数字转汉字功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！