Question

请问浏览器如何读取/设置vue element-ui中 input值？

var x=document.getElementsByClassName('ivu-input ivu-input-default')[0];x.focus();x.value=("测试");x.onchange;以上代码不能修改VUE里面保存的数据，只是表面变了，调试网战 www点yue352点com

Answer 1

在 Chrome 里面

1. 按 f12 审查元素

2. 切换到 source 面板，在右边的 Event Listener Breakpoints 里面的 Keyboard 现在钩上 input

3. 在需要调用的 input 里面随便输入值

4. 然后会触发调试，按步调试进入 element-ui 的 handleInput 回调函数

5. 这个时候的 this 就是 element-ui 的输入框的 vue 实例

6. 在 console 执行 window.hello = this, 然后跳过调试

7. 在 console 里面用 hello 就可以随意操作 对应的 输入框实例了

Answer 2

使用 Vue 开发，要转变思维，不推荐直接操作 DOM，而是具备单项数据流的思维，直接操作状态。
如果是表单元素，可以使用双向绑定 v-model

追问

使用了element-ui 框架，根本就没有任何VUE信息留在客户端，何来的 v-model。上面有网址，你审查元素 看下代码就知道了。

追答

还以为你是开发者。
直接 el.trigger('input') 更新下状态。