写一个el-select选择器民族的代码
时间: 2023-11-14 10:59:38 浏览: 100
下面是一个简单的el-select选择器,用于选择民族:
```html
<template>
<el-select v-model="selectedNation" placeholder="请选择民族">
<el-option v-for="nation in nations" :key="nation" :label="nation" :value="nation"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedNation: '',
nations: ['汉族', '壮族', '满族', '回族', '苗族', '维吾尔族', '土家族', '彝族', '蒙古族', '藏族', '布依族', '侗族', '瑶族', '白族', '朝鲜族', '哈尼族', '黎族', '哈萨克族', '傣族', '畲族', '傈僳族', '东乡族', '仡佬族', '拉祜族', '水族', '佤族', '纳西族', '羌族', '土族', '仫佬族', '锡伯族', '柯尔克孜族', '达斡尔族', '景颇族', '毛南族', '撒拉族', '布朗族', '塔吉克族', '阿昌族', '普米族', '鄂温克族', '怒族', '京族', '基诺族', '德昂族', '保安族', '俄罗斯族', '裕固族', '乌孜别克族', '门巴族', '鄂伦春族', '独龙族', '塔塔尔族', '赫哲族', '高山族', '珞巴族']
}
}
}
</script>
```
使用`el-select`组件,我们通过`v-for`指令循环渲染每一个选项,同时使用`v-model`指令双向绑定选中的值。在data中定义了一个`nations`数组,包含了所有的民族选项。