Vue.js中如何通过Input的ID获取对应Model并实现响应式赋值？

• 场景：Vue开发里，Input标签通过v-model绑定Vue实例数据（示例：<input v-model="mainPdf.left" id="left_margin">），但Input的ID和绑定的Model名称不匹配。
• 问题：用jQuery的val()给Input赋值时，无法触发Vue的响应式更新，导致实例数据与Input值不同步。
• 限制：直接给Model赋值虽有效，但数据库返回数据量极大，手动逐个映射效率极低；后端实体字段固定无法修改，也无法采用动态绑定方案。曾尝试获取Input对应的Model名称再赋值，仅能改变Input表面值，Vue实例数据仍未同步。
• 解决方法：通过dispatchEvent手动触发change或input事件，让Vue感知到Input值变化并同步数据，示例代码如下：

$("#" + NAME).prop("checked", true);
$("#"+ NAME)[0].dispatchEvent(new Event('change')); // 也可替换为input事件

内容的提问来源于stack exchange，提问作者mobiw