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/