首页 > 其他好文 > 详细

下拉选择

时间：2018-07-27 19:15:57 阅读：111 评论：0 收藏：0 [点我收藏+]

标签：this NPU lang rap export name sel hold 下拉

技术分享图片

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;

　　　　　　},

　　}

}

标签：this NPU lang rap export name sel hold 下拉

原文地址：https://www.cnblogs.com/lingshan168/p/9379021.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！