vue前端实现从数据库获取数据的下拉框以及带参请求

一、下拉框的实现

elementui中选择点击事件@change通过getOptions方法获取到数据库中轮播类型，然后通过el-option标签下拉选取

以下是getOptions方法部分的代码

 //获取下拉框中内容
    getOptions(){
      let _this = this
      this.$http.get("/company/imgtype/queryAll")
              .then(res =>
              {
                //请求返回的数据
                //赋值
                _this.objData = res.data
                console.log(this.objData)
              }).catch((error) =>{
        console.log(error);
      });
    },

带参请求通过request方法

      类别查询

定义getType方法括号内写入type参数名和上述v-model对应

在下方method中定义getType方法

gettype(e){
      console.log(this.dataList);
      this.$http.get('/company/slideshow/type',{params:{type:e}})
              .then((res) => {
                console.log(res)
                this.dataList= res.data
              }).catch((error) =>{
        console.log(error);
      });
    }

e为传进来的参数值params里面放参数，res为返回的数据源，将获取的数据填充到datalist中在本页面显示，catch中打印捕获到的异常