element UI select下拉框數據回顯

首先你需要提前查詢下拉框所需要的數據:

initItem = [

    {id:1,name:'張三',age:18},

    {id:2,name:'李四',age:18},

    {id:3, name:'王五',age:18},

]

然後從element UIcpoy 一段下拉框的代碼:

                <el-select v-model="form.student.id"  placeholder="請選擇學生">
                  <el-option
                    v-for="item in roles"
                    :key="item.value"
                    :label="item.name"
                    :value="item.id"					
                  >
                    <span style="float: left">{{ item.name }}</span>
                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.id }}</span>
                  </el-option>
                </el-select>

注意事項 :

el-option 中的 value 的值一定要和 el-select 的v-model是同一類型 

切記不能 el-option 中的 value 的值 是個student ,但是el-select 的v-model是 是個學生的id 這樣不會自己選中

而且最好必要自己寫v-if 讓下拉框選中.麻煩又不靈活