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>
原文地址：https://www.cnblogs.com/dangdanghepingping/p/10243614.html
时间： 2024-07-30 20:27:04