亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

效果圖:

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

代碼實現(xiàn)

1.HTML

<el-select v-model="queryParams.status" clearable placeholder="請選擇狀態(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//頁面加載進(jìn)來的時候設(shè)置
  },

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

element ui中select選擇器的label和value

 <el-table-column prop="componentType" label="組件類型" width="200px">
 <template #default="scope">
 <el-select @change="xiala(scope.row.componentType, scope.$index)"
	v-model="scope.row.componentType"
	name="scope.row.componentType"
	placeholder="請選擇"
		: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控制用戶看到的選項

 

value控制傳給后臺的字段

 

總結(jié)

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

相關(guān)文章

最新評論