方法一:
<div class="select">
<div class="inner">
<div class="inputWrapper" @click.stop="showOptions = !showOptions">
<input type="text" readonly placeholder="请选择菜品" :value="selected">
<span class="iconfont icon-zhankaishangxia"></span>
</div>
<ul class="options" v-show="showOptions">
<li v-for="(item, index) in options" :key="index" @click.stop="choose(item.value)">{
{item.value}}</li>
</ul>
</div>
</div>
.form_select {
height: 30px;
display: inline-block;
width: 80px;
position: relative;
color: #03081a;
}
input {
width: 100%;
height: 100%;
box-sizing: border-box;
cursor: pointer;
outline: none;
}