直播平台搭建,使用element-ui中的select下拉框

直播平台搭建,使用element-ui中的select下拉框

话不多说,上代码:

 

1
<br> <el-select v-model="value" filterable placeholder="请选择"><br>     <el-option v-for="(item,index) in options" :key="index" :value="item.value" :label="label">   {{item.value}}</el-option><br>  </el-select>

 js中写:

 

1
<br>data(){<br>    return{<br>        options: [{<br>          value: '20人',<br>          label: 'type1'<br>        }, {<br>          value: '50人',<br>          label: 'type2'<br>        }, {<br>          value: '100人',<br>          label: 'type3'<br>        }, {<br>          value: '200人',<br>          label: 'type4'<br>        }, {<br>          value: '1000人',<br>          label: '选项5'<br>        }],<br>        value: '100人'<br>    }<br>}

 

 以上就是 直播平台搭建,使用element-ui中的select下拉框,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(17)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-09-21 视频直播系统源码,Flutter Hero 实现共享元素转场动画
2022-09-21 直播系统,FastJson不显示值为null的字段
2022-09-21 直播网站程序源码,JS:判断对象中是否有数据
点击右上角即可分享
微信分享提示