jQuery 赋值后 Vue v-model 无法 感知到值的变化 需要手动触发原生事件

HTML:

<input type="text" name="pic" v-model="pic" placeholder="请输入缩略图" autocomplete="off" class="layui-input"
lay-verify="required" lay-reqText="缩略图不能为空">

   

JS：

// 1. jQuery给input赋值
const newValue = '通过jQuery赋值的内容'
$('input[name="pic"]').val(newValue)
      
// 2. 关键：手动触发原生input事件（必须是原生事件，不是jQuery的事件）
// 方式1：触发input事件（推荐，v-model默认监听）
$('input[name="pic"]')[0].dispatchEvent(new Event('input'))
      
// 方式2：如果是单选/复选框，触发change事件
// $('input[name="pic"]')[0].dispatchEvent(new Event('change'))