问题标签 [v-model]

我有一组选择，但希望它们都以不同的方式与 v-model 一起工作，而无需为它们创建单独的数据属性。

在示例中，选择 1 和选择 2 是一个组，选择 3 和选择 4 是另一个组。当一个选择选择1时，预期的行为应该是，它不会影响选择2等。

我的猜测可能是这个的计算属性？但无法理解正确的实施

Js小提琴：https ://jsfiddle.net/uxn501h2/8/

代码片段：

我通过道具将数据传递给我的组件。我使用beforeMount通过 data 函数将数据存储在本地状态。然后我需要更新那个本地状态onchange。

我正在尝试使用 v-model 将数据绑定到本地状态，但是当我更改输入值时，它不会更改数据函数。

我想我错过了一些简单的东西......感谢您的帮助，谢谢！:)

HTML

JS

我正在研究某种动态输入字段。基于数组中的条目，我想生成一个具有相应v-model属性的文本区域。出于某种原因，v-model只有当我在另一个输入字段中输入内容时，get 的值才会更新。

所以首先，我用languages. 然后我将使用一个 foreach 函数为每个名为er. 我将结果设置为一个数组，用于显示输入字段。

JS

HTML

所以我遇到的主要问题是该属性er与输入字段不同步。当我在另一个输入中输入具有相同对象的 v-model 属性但属性不同的内容时，值会更新。有什么我没有看到的吗？

所以我在这个主题上的搜索回来了不久前的各种 GitHub 问题跟踪讨论。

本质上，我有以下 Bootstrap Select 输入：

首先，请原谅 v- 和 : 绑定语法的混合。其次，on-change 绑定触发了 countryCountyConfiguration 函数，为了便于调试，我将其剥离为最简单的形式：

实际上，我能描述的最好的问题是v-on:change="countryCountyConfiguration"总是落后一步v-model="selectedCountry"......总是显示以前的 v-model 绑定。但是，我确实需要对国家/地区的反馈进行更改 - 这样如果选择 X 国家/地区，我将提供县和/或州的动态选择。

我想知道，我将如何获得v-on:change="countryCountyConfiguration"并v-model="selectedCountry"协同工作？

你好，vue 爱好者，我只想问我如何控制 v-for 中单个 v-model 的行为。现在，当我将单选按钮更改为引用所有 v-if 等于“引用”时，我只希望将特定行设置为“引用”

现在当我改变一个单一的一切都在改变。这是我的代码。提前致谢。

这是我的Vue代码：

我有一个关于人员信息的简单表格。我有一个人数，例如 3。我需要像这样发送 json：

我已经像这样设置了我的表格

和我的数据：

如果我的 v-model 是一个数组，我如何检查 v-for 中的单选按钮？

我的数据：

和我的收音机：

我需要在 v-for 内的每个人中检查我的第一台收音机（男）

我在vue js中有一堆代码。我无法从输入中获得价值这是我的代码

HTML 代码：

Vue.js 代码：

谢谢

目前，我有一个从我的服务器返回的数据对象，该对象使用v-model. 我正在尝试做的是确定是否对从服务器返回的该对象进行了任何更新。

在created()生命周期中，我GET向 API 发出请求以获取服务器数据，然后将其另存为data()组件：

v-model然后，我在用于绑定值的组件内部有一个输入：

我想要做的是能够判断对象user.name中可能从服务器返回的任何其他键/值对user是否已更改。

我在这里创建了一个示例小提琴。

尝试 1

我的第一个想法是创建某种比较，因为当我user从我的GET请求中成功设置对象以继续并创建一个“默认”对象然后进行比较时：

const hasEdits = JSON.stringify(this.default.user) === JSON.stringify(this.user)

但是，似乎在对输入字段进行任何更新时也会v-model发生变化。user.namedefault.user.name

想法

• 如何在不v-model更新两个实例的情况下比较这两个对象？
• 我希望能够创建某种允许我动态创建“已编辑”类型对象的方法，但是当我有嵌套的键/值对时，我不明白如何首先在新的编辑对象，因为它返回未定义。如果我能够解决这个问题，我可以测试编辑的对象是否为真，然后在发送之前使用扩展运算符合并数据与原始返回的对象。