v模型变量返回整个选择而不是其值

Question

我想从选择标记中获取值。所以我用下面的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（）返回选择标记的整个HTML实体。

我没有线索vue.js doc。

Answer 1

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

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