用el-select写出195个国家
时间: 2024-06-22 15:00:16 浏览: 11
在Vue的Element UI库中,`el-select`是一个用于创建下拉选择框的组件。要列出195个国家,你需要先准备一个包含国家信息的数据源,然后在`el-select`组件中使用这个数据源。以下是一个简单的示例:
```html
<template>
<el-select v-model="selectedCountry" placeholder="请选择国家">
<el-option
v-for="country in countries"
:key="country.code"
:label="country.name"
:value="country.code"
></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedCountry: '',
countries: [
// 这里是你的195个国家的数据,每个对象应包含code(代码)和name(名称)
{ code: 'AF', name: '阿富汗' },
{ code: 'AL', name: '阿尔巴尼亚' },
// ... 其他193个国家 ...
{ code: 'ZW', name: '津巴布韦' }, // 最后一个国家
],
};
},
};
</script>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)