问题标签 [v-model]

如何在 v-model 中给出我的数组天数的索引？

和：

谢谢您的帮助 ！

我正在使用自动生成的名称生成一个对象 onclick。每次名字都会不一样。然后我想通过使用 v-model 的输入来更改对象的值。如果名称未知，如何定位对象？这是我到目前为止所拥有的：

我有<input>像这样的领域

每当我点击 时add user，它应该推user送到users数组并清除v-model（以推送更多用户）。我的add()方法如下所示。

然而，在重置后user v-model，数组中的元素users也变成了空字符串。如何在v-model不更改users数组中数据的情况下重置？

我想使用刀片语法将用户名显示为降价编辑器的默认文本区域值。

但是我正在为 textarea 使用 v-model 组件，它需要用这样的空值声明消息

这将使用laravel 变量的值渲染屏幕。但是在页面加载后不久，内容就消失了（我猜我已经使用了 window.onload）。
另外我没有使用内联 VueJS。
PS：我是 VueJS 和 Laravel的新手，markdown的来源在这里（jsfiddle）
提前谢谢！

我试图在创建时为某些输入组件设置初始值，然后在单击按钮后获取这些值（如果它们被更改）。

这可以很好地设置初始值：

但是，当我单击按钮时，我需要输入组件中的 v-model 属性来获取这些值。当我添加 v-model 属性时，值被正确初始化，但是当我通过更改其中一个组件的值来测试组件时，其他输入组件被清除。

这不起作用：

认为这是丢失变量的问题，但我测试在控制台中打印它们并且它们没有改变或未定义。

如果我打开https://vuejs.org/v2/guide/forms.html#Text并编辑文本 - 对在移动 chrome 中输入文本没有影响。@keyup @input @keypress - 我输入时 v-model 不会改变

我该如何解决？我需要在输入时获取输入值（@keyup @input）

我有一个第 3 方输入组件（一个vuetify v-text-field）。

出于验证的原因，我更喜欢将这个组件包装在我自己的中。

我的 TextField.vue

在另一个组件中使用

这很好，但我想知道是否有比再次复制整个 v-model 方法更清洁的方法。现在我的数据在 2 个地方重复 + 所有额外的（不需要的）事件处理......

我只想将反应数据直接从原始模板传递到 v-text-field。我的 TextField 实际上根本不需要访问该数据 - 仅通知文本已更改（通过 @input、@blur 处理程序完成）。我不希望使用 VUEX，因为它在处理输入/表单时有自己的问题......

更接近这个的东西...

我找不到任何可以做到这一点的东西。

使用 props + v-model 包装是我所做的。

我有多个相同的选择，v-model并希望分别显示每个选择的值。我需要绑定:key吗？

示例：jsfiddle

我的目标是创建一个“编辑帐户”表单，以便用户可以修改他们的帐户数据。我想以已经填充了用户数据（即用户名、电子邮件、地址...）的表单显示帐户数据

然后，用户可以修改表单中的数据并提交将更新其用户信息的表单。

我正在使用v-model将表单输入绑定到我的数据中名为accountInfo的对象，如下所示：

这是我的模板中的表单输入示例：

对象中键的值当前是空字符串，但我希望这些值来自名为userProfile的对象，该对象是 vuex 中的状态属性。

在我的“编辑帐户”组件中，我通过导入映射 vuex 状态：

然后在计算属性中使用以下内容

我想做的不是将空字符串作为 accountInfo 的值，而是从从 vuex 映射的 userProfile 计算属性中为它们分配值，如下所示：

这将为我的表单提供所需的初始数据，但不幸的是这不起作用，大概是因为数据在生命周期中比计算属性更早呈现。

完整代码：

编辑帐户.vue

商店.js：

我有一个与此处报告的示例非常相似的 Vue 组件：

query使用以下命令绑定到文本输入的字符串变量在哪里v-model：

一切正常，除了在 chrome for android 上只触发一次手表触发器（当query从""我写的任何内容更改时）。

任何的想法？

编辑：

问题似乎与v-model指令有关：我对本机 javascript 事件进行了一些实验，并且 v-model 的值在我取消输入焦点之前不会更新。如果有人对这里感兴趣的是绑定：

有什么办法可以使用手表和解决这个问题v-model？