element ui下拉框的@change事件,选择数据,带出数据的相应信息

选择下拉框,带出所选数据的其他相应信息,利用@change事件进行实现。

前端页面代码:








脚本:

temp: {detail: '',repairTime: '',ownerId: '',phone: '',room: ''
},

方法:

getInfo(val) {console.log('用户ID' + val)request({url: '/owner/detail',method: 'get',params: {id: val}}).then((res) => {console.log('用户详情查询', res)this.temp.phone = res.data.phonethis.temp.room = res.data.room})
}

关掉页面取消按钮或者❌按钮时,会出现将表单熟悉清空,所有需要加以下代码:

resetTemp() {// 表单重置this.$refs['dataForm'].resetFields()
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部