if the background interface has been set with a key name such as data instead of value, then the selected content will not be displayed in the input box after it is selected
maybe many people"s idea is to change the backend interface, but if this interface has been used by many people, it may not be realistic to change the key name
in fact, the solution is very simple: the code is as follows
<el-autocomplete
v-model="markWord"
:fetch-suggestions="querySearchAsync"
placeholder=""
@select="handleSelect"
:trigger-on-focus="false"
>
<template slot-scope="{ item }">
<div class="name">{{ item.warn }}</div>
<div class="name" style="color:green">{{ item.value=item.term }}</div>
</template>
</el-autocomplete>