`vxe-form-view`的`@change`事件能否与原生HTML表单元素联动？

vxe-form-view组件的@change事件可以与原生HTML表单元素联动，以实现数据的更新。然而，这通常涉及到通过v-model或自定义的方法来监听表单元素的变化。下面是一个简单的例子：
<template>
<vxe-form-view ref="formView" :model="formData">
<!-- 表单字段 -->
<input type="text" v-model="formData.field1" @change="handleInputChange" />
<!-- 更多表单字段... -->
</vxe-form-view>
</template>

<script>
export default {
data() {
return {
formData: {
field1: '',
},
};
},
methods: {
handleInputChange(e) {
// 这里可以访问到改变后的值
console.log('Field1 changed to:', e.detail.value);
// 并且可以根据需要同步至其他地方，如服务器或状态管理库
this.someServerFunction(e.detail.value);
},
},
};
</script>
登录后复制
在这个例子中，当field1输入框的内容发生变化时，handleInputChange方法会被调用，e.detail.value会包含新的输入值。你可以借此机会更新formData或执行其他操作。