遇到的问题: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时的值:
在这里插入图片描述
这时就能获取到选中的值了。

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐