如何在Vue中使用CleaveJS格式化你的输入内容-创新互联

What's CleaveJS?

创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的徽县网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

CleaveJS 是最近github上的一个热门项目,在短短的一个多月中star数达到了2500+,且保持着强劲的上升势头。它的主要目的是

Format input text content when you are typing 格式化你的输入内容

可以查看官方的在线DEMO进行体验。

Vue-Cleave


官方的CleaveJS只提供了 原生JS ReactJS 版本的,看样子也准备出 AngularJS 版的了。但是当我把 VueJS 版本的pullrequest过去之后,却得到了这么一条答复:

Thanks for playing cleave with vue.js. Vue.js is an amazing framework but for now, we will just focus on what we can handle.
So we will not add this support in the original repo, will close this, cheers.


看来只好自己独立发布,为VueJS社区作贡献了……

Usage


直接引用项目 的例子作为展示。 首先建立一个父组件,命名为 App.vue ,其代码如下:








分享标题:如何在Vue中使用CleaveJS格式化你的输入内容-创新互联
标题URL:http://www.hxwzsj.com/article/ddjosi.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站建设公司 成都定制网站建设 营销网站建设 手机网站建设 成都网站建设 成都网站建设流程 网站建设公司 泸州网站建设 定制网站设计 网站制作 手机网站制作 网站建设费用 成都网站建设公司 成都网站建设 网站设计 成都网站制作 网站建设 成都网站建设 网站制作 成都网站设计 成都营销网站建设 网站制作