Vue.js v型变量返回整选择，而不是其值

我想从select标记中获取值。所以我用v模型绑定了一个变量，如下所示

HTML:

log（）返回select标记的整个html实体

---

我没有得到任何线索。

从未声明

类型

变量。在使用之前，您应该将其声明为应用程序的数据

---

从未声明

类型

变量。在使用之前，您应该将其声明为应用程序的数据

---

…此外，您应该将其称为

this.type

inside方法…此外，您应该将其称为

this.type

inside方法。

<div id="action_panel">
    <select id="work_type" v-model="type">
        <option value="" disabled selected></option>
        <option value="1">A</option>
        <option value="2">B</option>
    </select>
<div>

var vm = new Vue({
    el: '#action_panel',
    data: {},
    methods: {
        addWorks: function(emp_id) {
            console.log(type);
        }
    }
});