javascript - js (Vue)-Übung: Wie gebe ich @ ein, und dann wird automatisch eine Liste verwandter Kandidaten angezeigt?
PHP中文网
PHP中文网 2017-07-05 11:03:32
0
3
3674

Der Effekt ist wie folgt:

Effektbeschreibung:
1. Der Benutzer gibt das @-Symbol ein, eine Optionsliste wird angezeigt und die Optionsliste wird automatisch hinter dem @-Symbol positioniert. (Die aktuelle Idee ist: Überwachen Sie das Eingabezeichen dynamisch, wenn es @ ist, und das Listenfeld erscheint an der Position, an der sich der Cursor befindet.)
2.Wenn der Benutzer @ eingibt, ignoriert der Benutzer die Auswahl und fährt mit der Eingabe fort . Wenn der Benutzer zur Position von @ zurückkehrt, wird nach @ die Anzeige des Listenfelds ausgelöst, wenn darauf geklickt wird. (Was ist das für eine Idee, oder gibt es ein ähnliches Plug-in.)

PHP中文网
PHP中文网

认证高级PHP讲师

Antworte allen(3)
学习ing
  • https://github.com/yuku-t/jqu...

  • https://github.com/ichord/At.js (建议用这个,bug少,但不是专为Vue适配)

  • https://github.com/fritx/vue-at

Peter_Zhu

没见过,实现起来不会太复杂,input可以获取光标位置

Ty80

BOM Range对象

楼主可以看看这个Range对象。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage