!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
可以在 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>
这样同样可以让每条搜索结果在单独的一行显示。
原文地址: https://www.cveoy.top/t/topic/fjuJ 著作权归作者所有。请勿转载和采集!