从选择列表中选择后如何解决未调用的函数错误？

Question

我要为日期范围调用一个函数，可以在为此选择特定选项后从选择列表中选择特定选项来调用该函数，特定函数必须获得调用并应获取记录？

我正在通过使用onChange（）进行尝试，但无法正常工作。如何解决？

Answer 1

在onChange方法中，您可以为日期范围输入自己的逻辑

new Vue({
        el: "#app",
        data: {
            key: ""
        },
        methods: {
            onChange() {
               console.log(this.key)
            }
        }
    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
        <select name="LeaveType" @change="onChange()" class="form-control" v-model="key">
            <option value="1">Annual Leave/ Off-Day</option>
            <option value="2">On Demand Leave</option>
         </select>
    </div>