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

【问题标题】：How to resolve error of function do not called after selecting from the select list?如何解决从选择列表中选择后未调用函数的错误？
【发布时间】：2019-06-03 21:53:57
【问题描述】：

我想调用日期范围的函数可以通过在选择特定选项后从选择列表中选择特定选项来调用该函数，特定函数必须得到调用并且应该获取记录????

我正在尝试使用 onChange() 但它不起作用。如何解决？

【问题讨论】：

欢迎来到 StackOverflow。请看看 [这里](stackoverflow.com/help/how-to-ask) 也许你会得到更多答案
stackoverflow.com/questions/50982408/…

标签： vue.js

【解决方案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>

【讨论】：