通过Chrome snippet赋值前端input框有值后却无法通过vue验证。

想通过snippet写js类似于直接赋值给前端，减少很多点击和录入的重复工，但是却无法通过vue验证，提示还是空值。

$("#X").value=1111， 也trigger change和blur事件，还是无法通过校验，

怎么才能通过chrome赋值前端还能通过vue的校验。

v-model 其实 :value 和 @input的语法糖

Vue input文本框v-model与ref.value不能同时使用赋值，如何实现操作节点方式赋值？_韩旭在努力鸭的博客-CSDN博客 我们开发时有是会遇到这样一个场景，点击某一个文本框，蹦出弹窗，里面是一系列的表格，勾选表格项，将其指定的内容赋值到对应的我们点击的那个文本框上。如下 需求现在有两个文本框，当我们点击时让其蹦出弹窗，内容123变成abc。我们可以看到，两个对应的v-model值已经绑定到了对应的文本框上面。 methods: { proup(dom) { let vm = this // Dialog是vant的弹窗 Dialog.alert({ t https://blog.csdn.net/clli_Chain/article/details/111474799?spm=1001.2014.3001.5502

其实主要是要有 即可实现对应的数据响应式

      e.target.value = 'abc'

      e.target.dispatchEvent(new Event('input'))

看看https://blog.csdn.net/weixin_43837588/article/details/97886158

方式一

方式二
通过油猴插件
https://blog.csdn.net/nalan_yc/article/details/84769012