Html 在不使用jQuery的情况下，根据其他输入更改输入标记的值

我有两个输入标签

Title:
    <b-input
      style="width: 50%"
      v-model="value.title"
      class="input-element"
      placeholder="Title"
      v-on:click="greet"
    />
Id:
    <b-input
      id="id"
      style="width: 50%"
      class="input-element"
      placeholder="Id"
      v-model="value.id"
    />

标题：
身份证件：

---

每当我在中写入内容时，我都希望输入值更新为与小写标题值相同的值

您可以使用将标题更改为小写的计算字段，然后使用id输入的v型来使用该计算字段

您可以使用观察者来观察对

标题

所做的任何更改，并将

id

设置为小写值

这允许用户仍然手动更新

ID

输入。当标题更改时将其覆盖

newvue({
el:“#应用程序”，
数据（）{
返回{
价值：{
id:“”，
标题：“
}
}
},
观察：{
“value.title”（newVal）{
this.value.id=newVal.toLowerCase（）；
}
}
})

将标题设置为测试

标题：
身份证件：
标题：{{value.Title}}

ID:{{value.ID}

请详细说明您的问题。你想做什么？到目前为止，您已经尝试了什么？我想根据另一个输入框的值更改一个输入框的值。我想使用类似document.querySelector（“id”）.innerHTML的东西，但innerHTML不处理输入。因此，如果将

TEST

放入

标题

输入，它应该反映在

id

输入中，但显示为

TEST

？@Djip yes。这正是我想要的如果用户在ID输入中写入任何内容，会发生什么？