HTML
<div class="code">
<input @click="selectShow =!selectShow" readonly="readonly" :placeholder="$lang.inputCoin" :value="selected.goods">
<i></i>
<ul class="wrap" v-if="selectShow">
<li @click.stop="select(item)" v-for="item in _allGoods">{{item.name}}</li>
</ul>
</div>
JS
export default {
data() {
return {
selectShow:false,
_allGoods:[
{
key:'1',
name:'WTC'
},
{
key:'2',
name:'WKB'
},
{
key:'3',
name:'OTC'
},
],
selected:{
key: null,
goods: null
}
}
},
methods: {
select(item) {
this.selectShow = false;
this.selected.goods = item.name;
},
}
}