vue中dom元素重用问题

2021-01-11  本文已影响0人  mutang
  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
上一篇 下一篇

猜你喜欢

热点阅读