可以在 v-for 循环中的 li 标签中添加一个样式,如下:

<li v-for="item in filteredTodos" style="display: block">{{item.text}}</li>

这样就会让每条搜索结果在单独的一行显示。或者,可以为 li 标签添加一个样式类,然后在 CSS 中定义该样式类的 display 属性为 block,如下:

<li v-for="item in filteredTodos" class="list-item">{{item.text}}</li>

<style>
.list-item {
  display: block;
}
</style>

这样同样可以让每条搜索结果在单独的一行显示。

!DOCTYPE htmlhtml	head		meta charset=UTF-8		titletitle		script src=vuejsscript		script src=vuexjsscript	head	body		div id=app			h2列表查询h2			input type=text v-model=id			button v-onclick=search搜索button

原文地址: https://www.cveoy.top/t/topic/fjuJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录