v-show和v-for能不能连用
时间: 2023-10-15 21:22:39 浏览: 99
vue的注意规范之v-if 与 v-for 一起使用教程
可以连用,Vue.js 中的 v-show 和 v-for 可以一起使用。v-show 是用来控制元素的显示与隐藏的指令,而 v-for 则是用来循环渲染元素列表的指令。你可以在一个元素上同时使用这两个指令。例如:
```html
<ul>
<li v-for="item in items" v-show="item.visible">{{ item.name }}</li>
</ul>
```
上述代码中,v-for 循环遍历 items 数组,并将每个元素渲染为一个 li 标签。同时,使用 v-show 指令根据 item.visible 的值来决定 li 标签的显示与隐藏。
阅读全文