Vue template 标签不可以使用 v-show/v-for
因为v-show是通过display来控制标签进行渲染的,但是template标签在vue解析后是不会显示在页面上的,是虚拟Dom,所以无法使用v-show。但是v-if是可以使用在template标签上,因为v-if是条件渲染,只要满足v-if后的条件就可以完成渲染。......
·
v-show
v-show 是通过 display 来控制标签进行渲染的,但是 template 标签在 vue 解析后是不会显示在页面上的,是虚拟 Dom,所以无法使用 v-show。
反之 v-if 是可以使用在 template 标签上,因为 v-if 是条件渲染,只要满足 v-if 后的条件就可以完成渲染。
<template v-if="showTag"></template>
v-for
同理,v-for也因为虚拟dom的原因,不能在template标签上使用(v-for的时候,自动根据要遍历的数组渲染dom)
<div v-for="(item, index) in forArray"></div>
更多推荐
已为社区贡献6条内容
所有评论(0)