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

Vue+ElementUI實現(xiàn)從后臺動態(tài)填充下拉框的示例代碼

 更新時間:2022年02月24日 10:00:08   作者:, 。 ?  
本文主要介紹了Vue+ElementUI實現(xiàn)從后臺動態(tài)填充下拉框的示例代碼,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

1、首先編寫前端代碼,將elementUI中的標簽寫到.vue界面中。

?<el-select
? ? ? v-model="xxxQuery.xxxid"
? ? ? placeholder="請在下拉框中選擇名稱"
? ? ? maxlength="255"
? ? ? :disabled="false"
? ? ? clearable>
? ? ? ? ? ? <el-option
? ? ? ? ? ? ? v-for="item in selectOptionsAll"
? ? ? ? ? ? ? :key="item.indexId"
? ? ? ? ? ? ? :label="item.indexName"
? ? ? ? ? ? ? :value="item.indexName">
? ? ? ? ? ? ?</el-option>
? </el-select>

2、在return中聲明變量,該變量與"v-for"中的循環(huán)標簽保持一致。

selectOptionsAll: []

3、編寫函數(shù),初始化數(shù)據(jù)。

    //初始化下拉框中的選項
    async getSelectOptions() {
      try {
           //定義一個變量用來接收從后臺查出的數(shù)據(jù)
           //下面的indexResources是之前引入好的service方法
         const selectResult = await indexResources.get()
         //做一下判斷
        if(selectResult){
         //查出值之后對之前聲明好的變量進行賦值
          this.selectOptionsAll = selectResult 
        }else{
            this.$message.info(
              '沒有可選擇的下拉框'
          )
        }
      } catch (err) {
        this.$notify({
          title: '初始化下拉框失敗',
          message: err.message,
          type: 'warning',
          showClose: false
        })
      } finally {
        this.dialogLoading = false
      }
    }

4、掉用后臺部分代碼,后臺代碼如下。

controller層:

/**
     * 查詢?nèi)繑?shù)據(jù)返回list
     *
     * @param
     * @return list
     * @author wang
     */
    @GetMapping("/getList")
    @ApiOperation(value = "查詢?nèi)繑?shù)據(jù)")
    public ReturnType<?> getList() {
        List<DvIdxIndexDTO> list = xxxService.queryAllList();
        return ReturnType.success(list );
    }

注意,JS的函數(shù)已經(jīng)在vue中的created() {this.getSelectOptions();}函數(shù)中調(diào)用,當加載界面時就會調(diào)用該函數(shù)。到此,實現(xiàn)了下拉框的動態(tài)填充實現(xiàn)。

到此這篇關(guān)于Vue+ElementUI實現(xiàn)從后臺動態(tài)填充下拉框的示例代碼的文章就介紹到這了,更多相關(guān)Vue ElementUI 動態(tài)填充下拉框內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論

和田市| 缙云县| 阳江市| 长武县| 和田市| 沂源县| 宜黄县| 福州市| 锡林浩特市| 望奎县| 海门市| 赞皇县| 雅江县| 广平县| 宝鸡市| 宣恩县| 松阳县| 读书| 都兰县| 隆回县| 高淳县| 喀喇沁旗| 庆安县| 明星| 漯河市| 化德县| 汶川县| 宣化县| 福建省| 黄梅县| 尼玛县| 麻阳| 舒城县| 博白县| 乐清市| 翁源县| 志丹县| 梧州市| 哈密市| 新和县| 巴林左旗|