v-model 变量返回整个选择而不是它的值答案

【问题标题】：v-model variable return whole select instead of its valuev-model 变量返回整个选择而不是它的值
【发布时间】：2016-12-08 19:24:31
【问题描述】：

我想从选择标签中获取价值。所以我用 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 标签的整个 html 实体。

我对@987654321@一无所知。

【问题讨论】：

标签： vue.js

【解决方案1】：

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

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

【讨论】：

...另外，您应该在方法中将其称为this.type。