el-checkbox
01.description
多選單選框
02.場景舉例
需要對每一條數據展示她的某些狀態是否存在
03.代碼展示?
<el-checkbox v-model="query.isAutoAccptncsign" true-label='1' false-label='0' :disabled="ifReview?true:false">自動發起承兌應答</el-checkbox>
04.總結
v-model綁定了相應的屬性值
true-label指的是屬性值為'1'的時候要打上勾勾的
fasle-label指的是屬性值為’0‘的時候要取消勾勾的
disabled是是否禁用
el-input?
01.description
input輸入框
02.場景舉例
登錄之類的,增加編輯之類的場景
03.代碼展示?
<el-input v-model="query.draweeBankNo" :disabled="true" :placeholder="ifReview?'':'請輸入'" />?
04.總結
v-model綁定了相應的屬性值
placeholder是提示語
disabled是是否禁用
el-select?
?01.description
inpout輸入帶下拉選項框
02.場景舉例
輸入框需要下拉框選項的時候使用
03.代碼展示?
<el-select v-else-if="tagType == 'list'" v-model="dictValue" :multiple="multiple" :filterable="filterable":clearable="isClearable" :placeholder="placeholder" :disabled="disabled" :size="selectSize" @change="handleInput"><el-option v-for="(item, key) in dictOptions" :key="key" :label="item" :value="key">{{ item }}</el-option></el-select>?
04.總結
v-if是否顯示
v-model是雙向綁定的值
clearable是可以清楚的功能
size是尺寸的問題
@change是改變值得時候得方法獲取相應得value
multiple是是否多選
filterable是是否顯示匹配選項,比如你搜索的value跟option的值一樣就會出現出來