jQuery를 사용하여 Vue.js 양식에서 값 설정

jQuery를 사용하여 Vue.js 양식에서 값 설정

나는 Vue.js로 만들어진 외부 웹사이트에 있는 거대한 양식을 가지고 있다.콘솔을 사용하여 이 양식을 대량으로 업데이트하려고 한다.jQuery를 사용하여 필드 값을 변경하려고 할 때

$('#build-table-body').find('.input-group__input input:eq(3)').val('222')

나는 입력의 가치를 바꿀 수 있지만, 그것은 실제로 지속되지 않는다.내가 다른 분야로 옮기거나 양식을 제출하는 순간, 그 가치는 이전으로 돌아간다.

도움이 된다면, 사이트는 vue.js 2.5.2, vuetify 및 vuex를 사용하고 있다.사이트는 VPN으로만 접속이 가능해서 공유할 수 없어.이것 좀 도와주면 고맙겠다.

vue app/component의 예상 동작이다.jQuery를 사용하면 dom 요소를 편집하고 변경 사항을 볼 수 있지만 구성 요소의 일부 기능이 트리거되는 즉시 dom이 업데이트되고 수정 내용이 손실된다.

vue 인스턴스와 데이터 파트 https://stackoverflow.com/a/58500685/3559256에 액세스할 수 있다.

데이터가 vuex에 있는 경우 동일한 트릭을 적용하십시오.

https://codesandbox.io/s/l3p6kjo7pl에서 사용해 보십시오.

$v = document.getElementById('app').__vue__
$v._data.firstName = "ccc"

참조URL: https://stackoverflow.com/questions/62711303/setting-values-in-a-vue-js-form-using-jquery