我的寫法將score定義成一個(gè)自定義屬性,綁定;@changge綁定事件,相關(guān)代碼template代碼: <!-- 職務(wù)級別 -->
<el-form-item label="學(xué)會職務(wù)級別" prop="academicLevel">
<el-select v-model="academicForm.academicLevel"
placeholder="請選擇職務(wù)級別"
@change="currentSel(index)">
<el-option v-for="(item, index) in academicRule"
:key="index"
:label="item.category"
:value="item.category"
:data-score="item.score">
</el-option>
</el-select>
</el-form-item>
<!-- 獎(jiǎng)項(xiàng)分?jǐn)?shù) -->
<el-form-item label="分?jǐn)?shù)" prop="academicScore" v-show="false">
<el-input v-model="academicForm.academicScore" placeholder="請輸入論文分?jǐn)?shù)">
</el-input>
</el-form-item>script 代碼methods: {
currentSel(index,value) { console.log(academicRule[index]['score']); this.academicForm.academicScore = this.academicForm.academicLevel;
},錯(cuò)誤報(bào)錯(cuò):academicRule is not defined因?yàn)椋篴cademicRule是prop屬性的值,不知道如何改。。。求教
element ui下拉框自定義屬性綁定
大話西游666
2018-12-16 14:39:42