码迷,mamicode.com
首页 > 其他好文 > 详细

vue中key的作用 v-for里警告 v-if的复用

时间:2019-01-09 13:43:53      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:code   用户   rip   method   cti   word   pass   new   复用   

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的复用

标签:code   用户   rip   method   cti   word   pass   new   复用   

原文地址:https://www.cnblogs.com/dangdanghepingping/p/10243614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!