v-model变量返回整个select而不是它的值

Question

我想从select标签中获取价值。所以我将变量绑定到v-model，如下所示。

HTML：

<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>

JS：

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

console.log（）返回select tag的整个html实体。

vue.js doc没有提供任何线索。

Answer 1

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

https://jsfiddle.net/gurghet/mwy5uLb4/