我的寫法將score定義成一個自定義屬性,綁定;@changge綁定事件,相關代碼template代碼: <!-- 職務級別 -->
<el-form-item label="學會職務級別" prop="academicLevel">
<el-select v-model="academicForm.academicLevel"
placeholder="請選擇職務級別"
@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>
<!-- 獎項分數 -->
<el-form-item label="分數" prop="academicScore" v-show="false">
<el-input v-model="academicForm.academicScore" placeholder="請輸入論文分數">
</el-input>
</el-form-item>script 代碼methods: {
currentSel(index,value) { console.log(academicRule[index]['score']); this.academicForm.academicScore = this.academicForm.academicLevel;
},錯誤報錯:academicRule is not defined因為:academicRule是prop屬性的值,不知道如何改。。。求教
element ui下拉框自定義屬性綁定
大話西游666
2018-12-16 14:39:42