vue -elementUI的选择组件el-select中@change事件返回key,val
select 获得键值(key,val)的值第一种方法这里的value的写法是对象键值对的写法:value="{value:item.versionid,label:item.versionName}"<el-form-item label="测试版本" prop="systemVersionId"><el-select v-model="dialogForm.systemVer
·
select 获得键值(key,val)的值
第一种方法
这里的value的写法是对象键值对的写法
:value="{value:item.versionid,label:item.versionName}"
<el-form-item label="测试版本" prop="systemVersionId">
<el-select v-model="dialogForm.systemVersion" @change="systemVersionChange" filterable placeholder="请选择测试版本">
<el-option v-for="item in systemVersionObj" :key="item.versionid" :label="item.versionName" :value="{value:item.versionid,label:item.versionName}" />
</el-select>
</el-form-item>
注意通过对象形式绑定v-model
的是label的值,你label设的是什么,绑定的就是什么。
methods: {
systemVersionChange(params) { // 测试版本id val
const { value, label } = params
console.log(value, label, 'systemVersionChange', this.dialogForm.systemVersionId)
this.dialogForm.systemVersion = label // 赋值
this.dialogForm.systemVersionId = value // 赋值
},
}
第二种方法
这里是根据systemVersionObj
绑定的原始数据里获取的
<el-form-item label="测试版本" prop="systemVersionId">
<el-select v-model="dialogForm.systemVersionId" @change="systemVersionChange" filterable placeholder="请选择测试版本">
<el-option v-for="item in systemVersionObj" :key="item.versionid" :label="item.versionName" :value="item.versionid" />
</el-select>
</el-form-item>
methods: {
systemVersionChange() { // 测试版本id val
var objVal = {}
this.systemVersionObj.forEach((item) => { // this.systemVersionObj 是下拉框的数据
if (item.versionid == this.dialogForm.systemVersionId) { // 选中id和当前一样就赋值
objVal = item.versionName
}
})
this.dialogForm.systemVersion = objVal // 赋值
},
}
更多推荐
已为社区贡献11条内容
所有评论(0)