成都网站建设设计

将想法与焦点和您一起共享

如何在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格式化你的输入内容-创新互联
网站链接:http://chengdu.cdxwcx.cn/article/ddjosi.html