javascript 如何将从列表中选择的值设置为vue 3中的输入?

63lcw9qa  于 2023-02-11  发布在  Java
关注(0)|答案(1)|浏览(88)

我有从请求返回的列表,我有一个文本输入,我搜索和列表显示搜索的结果,我想从该列表中选择一个选项,我在我做搜索的地方显示所选的值.我尝试了这个,但它不显示所选的值:

<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 = []
  
}
vx6bjr1n

vx6bjr1n1#

R先生是对的,解决办法是这样的。

const selectProject = (value) => {
    project.value = value.name;
    selectedProject.value = value.id;
    results.value = [];
}

Playground
x一个一个一个一个x一个一个二个一个x一个一个三个一个

相关问题