el-option加入el-input
时间: 2023-11-09 11:03:16 浏览: 132
要将 el-option 加入 el-input,需要使用 el-select 组件。具体步骤如下:
1. 在 el-input 中添加 el-select 组件,设置 v-model 绑定选中的值。
2. 在 el-select 中添加 el-option 组件,设置 v-for 循环遍历选项列表,并绑定每个选项的值和标签。
示例代码如下:
```
<template>
<el-input v-model="selectedValue">
<el-select slot="prepend" v-model="selectedValue">
<el-option v-for="option in options" :key="option.value" :value="option.value" :label="option.label"></el-option>
</el-select>
</el-input>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
]
}
}
}
</script>
```
阅读全文