vue中key的作用 v-for里警告 v-if的复用
Posted dangdanghepingping
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中key的作用 v-for里警告 v-if的复用相关的知识，希望对你有一定的参考价值。
vue总是会复用页面上已经存在的dom，区别的方法是加上key就可以，还设有v-for时候的警告也是如此
key的作用是区别这条跟那条的。
<body> <div id="app"> <div v-if=‘flag%2‘> 用户名：<input type="text">
// 用户名：<input type="text" key=‘password‘>
</div> <div v-else> password: <input type="password"> 当这个显示的时候， vue会拿 上面用户名那个input </div> <button @click=‘changeFlage‘>click</button> </div> <script src="../vue.js"></script> <script> var vm = new Vue({ el: ‘#app‘, data: { flag: 1 }, methods: { changeFlage: function(){ this.flag ++; } } }) </script> </body>
以上是关于vue中key的作用 v-for里警告 v-if的复用的主要内容，如果未能解决你的问题，请参考以下文章