Javascript 如何在表单向导或jquery的步骤验证中调用Vue Js方法？

我使用了vue js的直接链接，当我从下拉列表中选择option时，我想调用onchange方法。当我将select标记从向导表单/步骤验证中放出来时，它工作正常。当我在向导窗体或步骤窗体中输入时，vue方法不会调用。我可以访问vue数据，但不能访问vue方法

<form method="POST" enctype="multipart/form-data" class="wizard-form steps-validation" id="form">
<div id="calculation">
    <div class="col-md-6">
        <div class="form-group">
                    <label>Demo: <span class="text-danger">*</span></label>
                    <select name="country" data-placeholder="Select country" class="form-control form-control-select2" data-fouc  v-model="country" v-select="country" @change="onChange($event)">
                            <option value="1">India</option>
                                <option value="2">USA</option>
                        </select>
                </div>
        </div>
</div>
</form>

---

如果我正确理解了您的问题，那么您的解决方案是事件修饰符

请将您尝试过的代码添加到问题中

<script>
Vue.directive('select', {
    twoWay: true,
    bind: function (el, binding, vnode) {
        $(el).select2().on("select2:select", (e) => {
            el.dispatchEvent(new Event('change', { target: e.target }));
        });
    },
});

var app = new Vue({
    el: '#calculation',
    data: {
        country: ''
    },
    mounted: function () {
        this.onChange();
    },
    methods: {
        onChange(event) {
            console.log('called change method');
        }
    }
});
</script>