欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue?element?ui?Select選擇器如何設(shè)置默認(rèn)狀態(tài)

 更新時(shí)間：2023年10月08日 16:19:34   作者：阿wei程序媛  
這篇文章主要介紹了vue?element?ui?Select選擇器如何設(shè)置默認(rèn)狀態(tài)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,

element ui Select選擇器設(shè)置默認(rèn)狀態(tài)

效果圖：

將系列狀態(tài)默認(rèn)為上架狀態(tài)。

代碼實(shí)現(xiàn)

1.HTML

<el-select v-model="queryParams.status" clearable placeholder="請(qǐng)選擇狀態(tài)">
    <el-option
       v-for="item in options"
       :key="item.value"
       :label="item.label"
       :value="item.value">
    </el-option>
</el-select>

2.js

 data(){
    return {
      editBoxShow:false,
      queryParams:{
        cateName:'',
        sortIndex:"",
        status:"",
      },
      options: [
        {
        value: 1,
        label: '上架'
      }, {
        value: 2,
        label: '下架'
      }],
    }
  },
 mounted() {
    this.queryParams.status=1//頁(yè)面加載進(jìn)來(lái)的時(shí)候設(shè)置
  },

以上代碼就可以實(shí)現(xiàn)其功能

element ui中select選擇器的label和value

 <el-table-column prop="componentType" label="組件類(lèi)型" width="200px">
 <template #default="scope">
 <el-select @change="xiala(scope.row.componentType, scope.$index)"
	v-model="scope.row.componentType"
	name="scope.row.componentType"
	placeholder="請(qǐng)選擇"
		:disabled="!scope.row.isEdit"
		:clearable="false"
		:multiple="false"
		:filterable="false">
 <el-option v-for="item in selectdata.list" :key="item.key" :value="item.key" :????????????????????????label="item.label">
</el-option>
</el-select>
</template>
</el-table-column>

label控制用戶看到的選項(xiàng)

 

value控制傳給后臺(tái)的字段

 

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論