我有从请求返回的列表,我有一个文本输入,我搜索和列表显示搜索的结果,我想从该列表中选择一个选项,我在我做搜索的地方显示所选的值.我尝试了这个,但它不显示所选的值:
<input type="text" name="project" v-model="project" />
<div :class="['result',{hidden:!results?.length}]" >
<ul>
<li v-for="(result) in results" @click="selectProject(result)">
{{ result.name}}
</li>
</ul>
</div>
let project = ref('');
let template = ref('');
let results = ref([])
let selectedProject = ref(null);
单击结果列表中的某个选项时,我尝试在此处设置选定值
const selectProject = (project) => {
project.value = project.name
selectedProject.value = project.id
results.value = []
}
1条答案
按热度按时间vx6bjr1n1#
R先生是对的,解决办法是这样的。
Playground
x一个一个一个一个x一个一个二个一个x一个一个三个一个