最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

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

效果圖:

將系列狀態(tài)默認為上架狀態(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//頁面加載進來的時候設(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)文章

最新評論

沈丘县| 东兴市| 翼城县| 乐至县| 文昌市| 彭水| 灵璧县| 岳池县| 仁寿县| 汾西县| 高雄市| 乌兰县| 扶绥县| 蛟河市| 图木舒克市| 闻喜县| 美姑县| 故城县| 上犹县| 左贡县| 南宫市| 常山县| 富裕县| 黎城县| 迁安市| 上栗县| 东宁县| 桐乡市| 西贡区| 西充县| 化州市| 临颍县| 崇左市| 福安市| 阳高县| 景洪市| 江华| 古丈县| 桦南县| 孝感市| 闻喜县|