美文网首页
vue中dom元素重用问题

vue中dom元素重用问题

作者: mutang | 来源:发表于2021-01-11 15:12 被阅读0次
  1. vue版本:2

  2. 描述:

    1. 某些情况下,切换dom依然保持input的值相同,不用用户重新输入

      <div id="app">
        <span v-if="isUser">
          <label for="username">用户名
            <input type="text" name="username" id="username" placeholder="请输入用户名" key="abd">
          </label>
        </span>
        <span v-else>
          <label for="email">
            邮箱
            <input type="text" id="email" placeholder="请输入邮箱" key="abd">
          </label>
        </span>
        <button @click="isUser = !isUser">切换类型</button>
      </div>
      
  3. 解决方法:

    1. 如果我们希望Vue出现类似重复利用的情况,可以给对应的input添加相同的key

相关文章

网友评论

      本文标题:vue中dom元素重用问题

      本文链接:https://www.haomeiwen.com/subject/gqsdaktx.html