使用vue和element-ui,第一行下拉框，第二行下拉框，他俩左侧有一条平行的线，然后中间有一个下拉框把这条线连接起来，,请你帮我实现具体代码

好的，这是一个很有趣的问题！以下是使用Vue和ElementUI实现一个类似描述的代码：

<template>
<div>
<el-select v-model="firstSelected" placeholder="请选择第一行下拉框">
<el-option :value="1" label="选项1"></el-option>
<el-option :value="2" label="选项2"></el-option>
<el-option :value="3" label="选项3"></el-option>
</el-select>
<span class="parallel-line"></span>
<el-select v-model="secondSelected" placeholder="请选择第二行下拉框">
<el-option :value="1" label="选项1"></el-option>
<el-option :value="2" label="选项2"></el-option>
<el-option :value="3" label="选项3"></el-option>
</el-select>
</div>
</template>

<script>
export default {
data() {
return {
firstSelected: '',
secondSelected: ''
}
}
}
</script>

<style>
.parallel-line {
display: inline-block;
border-left: 2px solid #ccc;
height: 28px;
margin: 0 16px;
vertical-align: middle;
}
</style>

希望这段代码能够帮到你！如果你有更多的问题，可以随时问我哦。