el-autocomplete 修改默认值value的字段名

修改之前

<el-autocomplete
   v-model="areaName"
   :fetch-suggestions="queryAreaSearchAsync"
   placeholder="请输入区域名称"
   @select="handleSelect" >
</el-autocomplete>           

把 value 改成 name:

<el-autocomplete
 v-model="areaName"
 :fetch-suggestions="queryAreaSearchAsync"
 placeholder="请输入区域名称"
 @select="handleSelect"
>
 <template slot-scope="{ item }">
   <div class="name" style="color:green">{{ item.value = item.name }}</div>
 </template>
</el-autocomplete>

直需要改下面的红圈