搜索
您的当前位置:首页正文

vue使用 v-if 有时候显示异常

来源:步旅网

有时候, 我们用v-if , 

vue使用v-if时的注意点  

 

里面有个问题, 

<template v-if="type=== 'username'" key="1">  
  <label>用户名</label>  
  <input placeholder="输入用户名">  
</template>  
<template v-else  key="2">  
  <label>邮箱</label>  
  <input placeholder="输入邮箱">  

template 是不能写 key 的, 因为他不是原因分析
cannot be keyed. Place the key on real elements instead
翻译: 不可以被key标识。请把key使用在真实的元素上  比如span . .

报错已经说明的很明显了 <不是一个真实的标签元素,所以不能使用key
key是用来区分dom的,方便vue进行复用。
具体的说明可以查看文档:https://cn.vuejs.org/v2/api/#key

因篇幅问题不能全部显示,请点此查看更多更全内容

Top