个人学习笔记,我会一直完善,如果有错请评论区指教。
v-for实现循环取出数据并显示
template
<template>
<div class="about">
<h1>这是v-for案例</h1>
<li v-for="(item, index) in users" :key="index">学号:{{ users[index].id }} ;姓名:{{ users[index].name }}</li>
<el-select v-model="id">
<el-option v-for="(item, index) in users" :key="index" :label="users[index].name" :value="users[index].id"></el-option>
</el-select>
</div>
</template>
script
<script>
export default {
data(){
return {
users:[
{
id: 1,
name:'顾家伟'
},
{
id: 2,
name:'钱嘉诚'
},
{
id: 3,
name:'高文强'
}
],
id: ''
}
},
methods:{
}
}
</script>