elementui下选框获取后端数据并查询

前端:


    
    
  

v-model:双向绑定事件keyword

label:页面展示数据

key:传给后端的数据

getName(){
      this.$http.get("/evaluate/getyi").then(res=>{
        this.options = res.data.resultObj;
      }).catch(res => {
        this.$message.error("获取房间数据失败!!!");
      })
    },

发生请求:请求接口和后端接口一致

mounted() {
    this.getName()
//调用方法
  }

后端:

实体类:

  private String name;

Mapp:

 List getyi();
ServiceImpl:
  @Override
    public AjaxResult getyi(){
        List yi = evaluateMapper.getyi();
        Evaluate evaluate = new Evaluate();
        evaluate.setName("");//加入一个空数据
        yi.add(evaluate);//添加数据
        return AjaxResult.me().setResultObj(yi);
    }

service:

AjaxResult getyi();

XML:



distinct:去重,不显示相同的数据

你可能感兴趣的:(elementui,前端,javascript)