Vue 組件 — V - Textcomplete

k00baa 發布于2019-08-20 16:34 / 3100人閱讀

摘要：之后，又是一個簡單易用靈活的組件。這次我帶來了，一個帶有文字匹配的。好，廢話少說，接下來簡單介紹一下如何使用。簡單預覽最后，歡迎大家來給我提意見，我會不斷完善。

V - Distpicker 之后，V - Textcomplete 又是一個簡單、易用、靈活的 Vue 組件。

哈，我又來啦。這次我帶來了 V - Textcomplete ，一個帶有文字匹配的 Textarea。

可能會有人質疑，這東東有什么用？用來干嘛的？

V - Textcomplete 是一個靈活，用起來超級簡單的 Vue 組件，設定規則可用于 Emoji 表情的匹配，又或者 @ 某人時匹配當前帖子下活躍用戶等，我相信這個功能在現有的很多文本編輯器都已經有了。

然而又會有人質疑，這種插件不是有很多的嗎？為何又去造一個這樣子的輪子呢？

沒錯，確實是有不少這種插件，而且也相對成熟，但有沒有發現大部分都是依賴 JQuery 的。而我要的是沒有 JQuery 而且是一個簡單易用的 Vue 組件，掌控在自己手上的。

好，廢話少說，接下來簡單介紹一下如何使用 V - Textcomplete。

網站：https://textcomplete.iline.co

源碼：https://github.com/jcc/v-textcomplete

安裝

使用 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 比表情的匹配。

簡單預覽v-textcomplete

最后，歡迎大家來給我提意見，我會不斷完善。 https://github.com/jcc/v-textcomplete.

云服務器 GPU云服務器 vue組件 vue組件開發 vue父子組件通訊 vue輪播組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/83009.html

Vue.js Guide Essentials-說人話-速記版

摘要：以下內容根據部分速記。同時，需要在父組件標簽中添加這個屬性，該屬性才能傳遞到子組件內。把父組件傳遞的數據當做子組件的初始值。以下內容根據Vue.js Guide Essentials部分速記。不含動畫/mixin/SSR/路由/狀態管理等部分. Introduction 建議閱讀原文 https://vuejs.org/v2/guide/in... 什么是Vue 開始聲明式...

Sanchi 2019-08-21 18:38 評論0 收藏0
Vue官方推薦的風格指南

摘要：官方推薦的風格指南個人筆記最近剛注意到官方多了一個風格指南的推薦。中始終用組件命名因為官方推薦風格命名，所以能用就用組件命名單詞應該是完整的單詞完整單詞帶易讀性的好處，和書寫麻煩的缺點。 Vue官方推薦的風格指南-個人筆記最近剛注意到vue官方多了一個vue風格指南的推薦。因為業務中一直用的vue，所以梳理學習一下，來增加自己代碼的規范性，效果不錯也可以安利到團隊。文檔沒有對JS...

null1145 2019-08-22 18:28 評論0 收藏0
Vue_Vue權威指南

摘要：效率不高，很多多余，稱之為臟檢查。通過索引設置數組元素并觸發視圖更新。解決閃爍問題自定義指令自定義指令提供一種機制將數據的變化映射為行為。 Vue特性 Vue只是聚焦視圖層，是一個構建數據驅動的Web界面的庫。 Vue通過簡單 API提供高效的數據綁定和靈活的組件系統輕量數據綁定指令插件化架構從傳統后臺MVC 向REST API + 前端MV*遷移DOM是數據的一種自然映...

SimonMa 2019-08-21 14:31 評論0 收藏0
Vue.js起手式+Vue小作品實戰

摘要：本文是小羊根據文檔進行解讀的第一篇文章，主要內容涵蓋的基礎部分的知識的，文章順序基本按照官方文檔的順序，每個知識點現附上代碼，然后根據代碼給予個人的一些理解，最后還放上在線編輯的代碼以供練習和測試之用在最后，我參考上的一篇技博，對進行初入的本文是小羊根據Vue.js文檔進行解讀的第一篇文章，主要內容涵蓋Vue.js的基礎部分的知識的，文章順序基本按照官方文檔的順序，每個知識點現附上代...

CompileYouth 2019-08-21 11:18 評論0 收藏0
Vue.js起手式+Vue小作品實戰

摘要：本文是小羊根據文檔進行解讀的第一篇文章，主要內容涵蓋的基礎部分的知識的，文章順序基本按照官方文檔的順序，每個知識點現附上代碼，然后根據代碼給予個人的一些理解，最后還放上在線編輯的代碼以供練習和測試之用在最后，我參考上的一篇技博，對進行初入的本文是小羊根據Vue.js文檔進行解讀的第一篇文章，主要內容涵蓋Vue.js的基礎部分的知識的，文章順序基本按照官方文檔的順序，每個知識點現附上代...

付倫 2019-08-01 16:07 評論0 收藏0