How does the element select selection box ajax return value be assigned to the selection box?

         <el-form-item label="">
         <el-select v-model="form.m_address2" placeholder="">
         <el-option v-for="item1 in fromData.a2" :label="item1.city_name" :value="item1.city_id">
         </el-option>
         </el-select>
         </el-form-item> 
         
         
         var Main = {
          data() {
          return {
          a2:[],
        }
      }
    }
    
     methods: {

    selectMajor:function(){
      var that = this;
      $.ajax({
              url:"{:url("Member/getProvince")}",
              type: "POST",
              data: {"address1":this.form.m_address1},
              success:function(data){
                console.log(JSON.stringify (data));
                that.a2=JSON.stringify(data);
              },error:function(data){
                  alert("");
              },
           });
    },
Jun.07,2022

you took the wrong value. It's m_address2

.

         </el-option>
         </el-select>
         </el-form-item> 
         
         
         var Main = {
          data() {
          return {
          a2:[],
        }
      }
    }
    
     methods: {

    selectMajor:function(){
      var that = this;
      $.ajax({
              url:"{:url('Member/getProvince')}",
              type: 'POST',
              data: {'address1':this.form.m_address2},
              success:function(data){
                console.log(JSON.stringify (data));
                that.a2=JSON.stringify(data);
              },error:function(data){
                  alert("");
              },
           });
    },
Menu