vue element UI select 下拉选项 获取当前选中的值

<template>
    <div>
        <el-select v-model="current" @change="test"
                    placeholder="呵呵">
            <el-option
                    v-for="item in list"
                    :key="item.rid"
                    :label="item.id"
                    :value="item.rid">
            </el-option>
        </el-select>
    </div>
</template>


<script>
    export default {
        data () {
            return {
                list: [{ id: 1, rid: 123 }, { id: 2, rid: 456 },{ id: 3, rid: 7777 }],
                current:''
            }
        },
        methods: {
            test (e) {
                console.log("hehew");
                var that = this
                var hh = that.list.filter(function (c, i, a) {//第一个参数为当前项,第二个参数为索引,第三个为原值
                    if (c.rid == that.current) {
                        return c
                    }
                })
                var dd = hh[0].rid //获取当前option的rid的值
                console.log("dd:",dd)
            }
        }
    }
</script>


<style lang='scss' scoped>
</style>