- 积分
- 3628
- 贡献
-
- 精华
- 在线时间
- 小时
- 注册时间
- 2014-10-21
- 最后登录
- 1970-1-1
|
楼主 |
发表于 2021-10-12 16:00:54
|
显示全部楼层
Element版
效果图:
组件代码:
<template><div>
<el-select v-model="value" clearable placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div></template>
<script>
let data=[{value: '选项1',label: '北京'},
{value: '选项2',label: '上海'},
{value: '选项3',label: '广州'},
{value: '选项4',label: '深圳'},
{value: '选项5',label: '成都'}]
export default {
data() {
return {
options: data,
value: ''
}
}
}
</script>
我的思考:
这个写法用了for循环,可以将所有选项写在一个变量data中
|
|