博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue 组件 — V - Textcomplete
阅读量:6678 次
发布时间:2019-06-25

本文共 727 字,大约阅读时间需要 2 分钟。

img

之后, 又是一个简单、易用、灵活的 Vue 组件。

哈,我又来啦。这次我带来了 ,一个带有文字匹配的 Textarea

可能会有人质疑,这东东有什么用?用来干嘛的?

是一个灵活,用起来超级简单的 Vue 组件,设定规则可用于 Emoji 表情的匹配,又或者 @ 某人时匹配当前帖子下活跃用户等,我相信这个功能在现有的很多文本编辑器都已经有了。

然而又会有人质疑,这种插件不是有很多的吗?为何又去造一个这样子的轮子呢?

没错,确实是有不少这种插件,而且也相对成熟,但有没有发现大部分都是依赖 JQuery 的。而我要的是没有 JQuery 而且是一个简单易用的 Vue 组件,掌控在自己手上的。

好,废话少说,接下来简单介绍一下如何使用 。

  • 网站:

  • 源码:

安装

使用 npm 安装:

npm install v-textcomplete --save

使用 yarn 安装

yarn add v-textcomplete --save

使用

注册组件

注册全局组件

import TextComplete from 'v-textcomplete'Vue.component('text-complete', TextComplete);

注册组件

import TextComplete from 'v-textcomplete'export default {  components: { TextComplete }}

简单使用

当然这只是简单的用法,你可以通过 strategies 加入各种匹配,新增各种玩法,如 @ 的匹配、Emoji 比表情的匹配。

简单预览

textcomplete-preview

最后,欢迎大家来给我提意见,我会不断完善。 .

转载地址:http://bhgxo.baihongyu.com/

你可能感兴趣的文章
神经风格转换Neural Style Transfer a review
查看>>
linux/python 常用控制台打印颜色
查看>>
做个CMS吧(一)-站点基本设置
查看>>
ios 根据颜色生成图片,十六进制颜色。
查看>>
C — 对C语言的认识
查看>>
【转载】wpf 查找指定类型的子控件
查看>>
linkin大话数据结构--Set
查看>>
接口測试-HAR
查看>>
$.each 和$(selector).each()的区别
查看>>
45435
查看>>
JSON格式自动解析遇到的调用方法问题.fromJson() ..readValue()
查看>>
Crystal Reports for Visual Studio 2015 安装
查看>>
iOS UI 15 网络编程下载 图片 音乐 大文件 视频 get/ post方法
查看>>
Android开发之50个常见实用技巧——活用布局
查看>>
linux文件系统 - 初始化(二)
查看>>
Python的可视化图表工具集
查看>>
《条目二十九:对于逐个字符的输入请考虑istreambuf_iterator》
查看>>
Python的优点与功能
查看>>
sed实例精解--例说sed完整版
查看>>
apache安装mod_ssl.so 出现 undefined symbol: ssl_cmd_SSLPassPhraseDialog错误解决
查看>>