主页 / 问题 / 1390452
Accepted
Nikita
Asked:2022-08-15 22:35:18 +0000 UTC2022-08-15 22:35:18 +0000 UTC

如何将输入值从一个传递到另一个？

  • 772

1 个输入，您需要记住该值并将其传递给 2 个输入

<input type="text"
                class="form-control niki"
                id="exampleInputEmail1"
                aria-describedby="emailHelp"
              />

2 输入必须接受一个值

<input
                type="email"
                class="form-control niks"
                id="exampleInputEmail2"
                aria-describedby="emailHelp"
                readonly
              />

在 vue 中工作

javascript

2 个回答

  1. Best Answer

    在标题中 - 转移，在问题中 - 记住并转移。如果我理解正确，也许这个选项会适合你 https://codepen.io/VMax/pen/GRyJXwx

    function snd(exampleInputEmail1, exampleInputEmail2) {
     document.getElementById(exampleInputEmail2).value = document.getElementById(exampleInputEmail1).value;
  }
    • 0

  2. 如果您已经在使用vue，那么我建议您避免直接操作DOM元素，以防万一。Vue 扩展了标准的 HTML 模板语法，它允许我们基于 JavaScript state 以声明方式描述 HTML 输出。

    综上所述，如果您只是需要将一个字段的值复制到另一个字段中，则为它们分配一个模型（v-model="input1"）是有意义的，然后当第一个字段中的值发生变化时，第二个字段将自动更新。

    new Vue({
  el: '#app',
  data() {
    return {
      input1: '',
    }
  }
})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <input type="text" v-model="input1" />
  <input type="email" v-model="input1" readonly />
</div>

    • 0

相关问题