<u-form-item label="公司名称" > <u-select v-model="show" :list="list" @confirm="confirm"></u-select> <u-input @click="show = true" type="select" v-model="name" placeholder="请选择公司名称"></u-input> </u-form-item> <u-line color="black"></u-line> <u-form-item label="所属公司"> <u-input v-model="serviceAreaRegion" disabled="true"/> </u-form-item> 如何在公司名称选择完毕后,触发事件获取所属公司名称并填入
时间: 2023-07-03 09:24:00 浏览: 162
可以在 `<u-select>` 组件的 `@confirm` 事件中触发获取所属公司名称并填入的操作。具体实现可以参考以下代码示例:
```
<template>
<div>
<u-form>
<u-form-item label="公司名称">
<u-select v-model="show" :list="list" @confirm="onConfirm"></u-select>
<u-input @click="show = true" type="select" v-model="name" placeholder="请选择公司名称"></u-input>
</u-form-item>
<u-line color="black"></u-line>
<u-form-item label="所属公司">
<u-input v-model="serviceAreaRegion" disabled="true"/>
</u-form-item>
</u-form>
</div>
</template>
<script>
export default {
data() {
return {
show: false,
list: ['公司A', '公司B', '公司C'],
name: '',
serviceAreaRegion: ''
}
},
methods: {
onConfirm() {
// 在确认选择公司名称后触发
// 获取所属公司名称并填入
this.serviceAreaRegion = 'xxx公司所属区域';
}
}
}
</script>
```
阅读全文