vue+jquery 下拉框赋值

Question

 <el-form-item label="成交方式" prop="TransModeName">
                       <div class="hasDownArrow">
                            <input class="bg-yellow j_select" name="" id="originCountry" data-check="imp" type="text" data-options="dataSourceMethod:BaseDataDao.getCurrency,onSelect:function(data){this.val(data.name+'('+data.code+')');this.next().next().val(data.code).next().val(data.name);}" />
                            <i></i>
                            <input id="oriCtryCode" name="" type="hidden" />
                            <input id="oriCtryName" name="" type="hidden" />
                        </div>
</el-form-item>

目前的问题是：div里面是一个下拉组件，当div获取焦点时，弹出下拉框，然后选择选项，选项是对应一个name一个code值的，选完了之后$('#oriCtryCode')和 $('#oriCtryName') 都会被赋值，这时候我想站在vue的角度上，让TransModeName和TransMode也同时赋值，这个应该怎么处理，这样就好做保存和回填