Vue如何实现变量表达式选择器

在 input 输入框中输入表达式在中台项目中是比较常见的场景。其通常是输入一个特定的字符时，显示下拉列表，用户点选下拉列表中的变量，然后继续在 input 输入框中输入其它运算符，组成一个表达式，其效果如下图：在之前的项目中，使用 React + TypeScrpt 实现了该变量表达式将会实现以下效果：。使用 ref 注册的引用信息将会注册在父组件的 refs 对象上，可以通过refs对象上，可以通过refs 对象找到需要进行操作的元素或子组件。在我们实现的 select 选择器中，需要使用键盘上下键来切换选项值，因此需要给 li 标签添加 tabindex 属性，使 li 可以触发 onfocus 事件和 onblur 事件。全局监听键盘事件全局监听键盘事件，其实就是把事件绑定到 document 上。