Javascript Vue.js单击用户列表中的用户，显示$.ajax（）请求中的内容

我有一个用PHP动态调用的用户列表，当我单击时，会触发一个$.ajax（）请求，并在另一个div中加载$.ajax（）中的内容。$.ajax（）请求正在工作，但是我不能使用v-model进行数据绑定（因为它是一个div），并且带有v-for的内容显示为空

我错过了什么

用户列表HTML代码：

<div class="row">
                <div class="col-md-12">
                   <div id="users" name="users">
                   <!--- section to display the list of users starts -->
                        <?php   if(!empty($user))
                        { 
                            foreach($user as $value) 
                            { 
                            ?>
                                <div class="row oddEven usersElements userid" id=<?php echo $value->id;?> style="margin-top: -1vw;">
                                    <div v-on:click="displayAgregators(<?php echo $value->id;?>)" class="col-md-10">
                                        <span id="items<?php echo $value->id;?>"><?php echo ucfirst($value->username);?></span>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="colorsByUser" :style="{backgroundColor: randomColor(<?php echo $value->id;?>)}"></div>
                                    </div>
                                </div>
                            <?php } 
                        }?>
                    </div>
                </div>
            </div>

---

agr1中的agr1应该是什么？很抱歉。这是一个v-for！已经更正了代码，因为它的{{}输出数据不是{}代码是这样的，因为我添加了以下代码：

分隔符：['{'，'}']，

即使使用了{{}它也不工作。

<div class="row" id="toprow">
                <div class="col-md-6">
                    <div id="titlerow">User's Aggregators</div>
                </div>
                <div class="col-md-6">
                        <input class="searchbar" id="search" placeholder="Search..."></input>
                </div>
            </div> 
            <div class="row">
                <div class="col-md-12">
                    <div v-for="agr1 in agr1" id="agregators">{ agr1.id }</div>
                </div>
            </div>

displayAgregators:function(userid) {
  var self = this;
  console.log(userid);
  var formData = new FormData();
  formData.append('userid',userid);
    $.ajax({
      url: url + "/displayAgregators",
      type: "POST",
      data: {
      id: userid
    },
  dataType: "json",
    success:function(response){
      console.log(response);//
      this.agr1=response;
      console.log(this.agr1);
    },
    error:function(){

    }
    });//end $.ajax() request
  }//end displayAgregators function