问题标签 [v-model]

我正在制作一个组件，它是一个复选框的包装器（我对“文本”和“数字”类型的输入做了类似的处理），但我无法正确绑定传入的值。

我的组件是：

我已经在全球范围内导入了它；并通过以下方式在另一个视图中调用它：

我的模型在数据中，属性 ShowInCalendar 是布尔值，在我的测试用例中为真。因此，当我查看该页面时，该框被选中。在 Firefox 中使用 Vue 工具我可以看到 model.ShowInCalendar 为 true，并且该框被选中。但是，当我单击它时，该框仍处于选中状态，并且 ShowInCalendar 的值更改为“on”，此后更改不会更改 ShowInCalendar 的值。

我在这里找到了这个例子：https ://jsfiddle.net/robertkern/oovb8ym7/并尝试为其实现本地数据属性，但结果不起作用。

我想要做的关键是让复选框的初始检查状态是 ShowInCalendar （或通过组件上的 v-model 绑定的任何属性），然后更新该属性（为真或假）当复选框被选中时。

任何人都可以给我任何建议吗？

谢谢你。

我正在寻找一种在同一对象上同时使用v-model和使用的方法。:value

我收到了这个错误：

:value="user.firstName"v-model与同一元素发生冲突，因为后者已经在内部扩展为值绑定。

mapGetters目的是将来自（来自一个商店）的值设置为默认值，并在用户提交修改时设置正确的值。（在onSubmit）

我v-autocomplete用来在表单中获取用户的输入。

的结构items是这样的：

我需要访问property用户在密钥应该是什么时选择的字段long。所以我想知道是否有一种方法可以让 v-model 保存整个对象，以便我可以访问property表单的其他部分？如果不是，那么我可以用来解决问题的替代方法是什么？

我非常感谢任何帮助

我有一个待办事项列表，您可以添加新的待办事项，并通过单击复选框将每个待办事项标记为已完成，并在页脚上通过全部或活动或已完成选择列表的项目可见性。

当我在页脚上选择已完成时，它只显示已完成的项目。

问题是当我在已完成视图中取消标记已完成项目时，剩余（尤其是下一个）项目的复选框显示不正确。

1. 开始
2. 在页脚中选择已完成
3. 取消选中第一项后

我创建了一个小提琴来解释我想要什么：https ://jsfiddle.net/silentway/aro5kq7u/3/

独立代码如下：

我想显示第一个问题列表，每个问题都有一个复选框。选定的问题存储在称为“答案”的数组中。然后我从这些选定的答案中列出另一个列表。每个项目都有一个新的对应复选框，用于某个属性（可以是真或假）。我希望将此关联属性存储在与第一个列表中的输入结果相同的数组（“答案”）中。

我的代码发生的情况是，选中第二个列表中的框确实会更改共享的数据数组（“答案”），但这样做也会取消选中第一个列表中的相应答案。

任何帮助将非常感激。

我能够构建一个简单的文本框组件<input />并正确设置 v-model 绑定。

我正在尝试对自定义组件做同样的事情：vs-input来自vuesax。

遵循以下模式无法按预期工作：

在从其他自定义组件构建自定义组件时，我们应该注意什么以使 v-model 绑定正常工作？

我正在将 vueex 存储值分配给 v-text-field 中的 v-model。此值存储为整数。有没有办法简单地格式化这个值，让用户在应用更改时更改它并删除格式？

格式为##:##:## 但值以秒为单位存储。

我正在使用这种方法：https ://vuex.vuejs.org/guide/forms.html

这是我的商店的建造方式。我保持简单：

在我的 vue 组件中，我使用计算属性来获取值并将其存储在 v-model 中。格式化发生在 get() 中，而取消格式化发生在 set() 中。

这种方法的问题在于，当用户单击返回/删除键时，它会调用 set() 方法。由于它是双向绑定方法，因此该值以错误的值存储，并且 get() 再次对其进行格式化。

有没有办法只使用文本字段中的返回键事件，还是我应该使用其他方法？

我在使用 vue 更改 JSON 对象的键名“User1”和“User2”时遇到了一些问题。

这是循环代码和一些注释。实际上问题是我不能在 v-model 中使用“key”...

我已经尝试在以下位置更改 v-model：

在选择用户后，<el-select>我需要这样的东西：

或者

但是我的方法不对，请帮忙。

我目前有：

这个 div 用这个对象加载数据v-for有一个我希望能够在我的v-modelwhere 数据中使用的键，在我的数据中我有：

我想search根据正在通过的数据在其中创建对象v-for

现在如果我这样做

:v-model="search.field = field" 我得到：

field: "BillingCity"

但我希望它是：

BillingCity: "Whatever input from the form here"

我怎样才能做到这一点？

我正在尝试使用 v-model，但它没有从“报价”的数据对象中获取我试图绑定的内容。此外，在传递道具时尝试使用 $emit 时，由于某种原因，我的 @click 无法识别我的函数“createNew”。

我查看了有关 VueJS 的文档，也一直在网上搜索并尝试了其他方法，例如可能使用 v-bind 和 @click ，但这似乎不起作用。我很困惑为什么它不起作用。

我希望 v-model 注册数据“报价”和 @click 以识别我的“createNew”函数，它根本不是。