vue 模拟input框输入

Question

js中可以通过代码实行模拟手输数据到input框

在vue中要怎么实现呢？

例如：现在有一个input框，我要用代码的形式模拟手输入数据（不是赋值）是模拟输入

类似

this.$refs.xxx.$el.xxx 后面的不知道怎么写了。

效果就是通过代码模拟键盘手输数据

有没有大佬知道怎么实现？？

Answer 1

通过每隔300毫秒给赋一个新的值。大概是这样

1. H
2. He
3. Hel
4. Hell
5. Hello

目测和手动效果是一样的

Answer 2

1. 依次触发 keydown，keyup，keypress 事件
2. 赋值给 <input>
3. 触发 input 事件

基本是这样

Answer 3

你是想要个打字效果吗？类似下图这种：

可以在div上加个border模拟出input效果。

完整代码见这个示例。