javascript - js (Vue) practice: How to input @, and then a list of related candidates will automatically appear?
PHP中文网
PHP中文网 2017-07-05 11:03:32
0
3
3672

The effect is as follows:

Effect description:
1. The user enters the @ symbol, an option list appears, and the option list is automatically positioned behind the @ symbol. (The current idea is: dynamically monitor the input character if it is @, and the list box appears at the position where the cursor is hovering.)
2.When the user enters @, the user ignores the choice to continue input, and when the user returns to the position of @ , triggering the display of the list box when clicked after @. (What is this idea, or is there a similar plug-in.)

PHP中文网
PHP中文网

认证高级PHP讲师

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

  • https://github.com/ichord/At.js (It is recommended to use this, it has fewer bugs, but it is not specially adapted for Vue)

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

Peter_Zhu

I’ve never seen it before, it’s not too complicated to implement, input can get the cursor position

Ty80

BOM Range Object

The original poster can take a look at this Range object.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template