element中select的change事件详解(change事件有参数和没有参数)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
遇到的问题: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 个月前
更多推荐
已为社区贡献7条内容
所有评论(0)