element中select的change事件详解（change事件有参数和没有参数）

遇到的问题：select选择框当第一次从undefined变为有值时，触发change事假，在change事件中要获取选中的值。
当没有参数时，代码如下：

changeByRg(){
                const _this = this;
                if (!(_this.viewForm.houseRealityUse === '1' || _this.viewForm.houseRealityUse === '2')) {
                    _this.viewForm.sfRg = '1';
                    _this.disabledRg = true;
                    _this.rg = false;
                    _this.$nextTick(() => {
                        _this.rg = true;
                    })
                }else{
                    _this.viewForm.sfRg = '0';
                    _this.disabledRg = false;
                    _this.rg = false;
                    _this.$nextTick(() => {
                        _this.rg = true;
                    })
                }
            },

我想获取到select中选的值，打debugger时这里的值总为undefined，获取不到选中的值

最后问了个前端大佬，说加个参数，结果就解决了我的问题：
有参数时，代码如下：

changeByRg(val){
                const _this = this;
                if (!(val === '1' || val == '2')) {
                    _this.viewForm.sfRg = '1';
                    _this.disabledRg = true;
                    _this.rg = false;
                    _this.$nextTick(() => {
                        _this.rg = true;
                    })
                }else{
                    _this.viewForm.sfRg = '0';
                    _this.disabledRg = false;
                    _this.rg = false;
                    _this.$nextTick(() => {
                        _this.rg = true;
                    })
                }
            },

再来看看debugger时的值：

这时就能获取到选中的值了。