问题标签 [v-model]

我正在处理一个投资组合项目，用户可以在其中上传图片，在其下方提供描述，然后单击“添加”按钮添加另一个图像和描述。

我正在尝试将字符计数器添加到描述输入中，这是一个textarea字段。通常我可以将名称添加v-model到函数中，它工作正常，但这textarea是在一个for循环中，所以我不确定如何让这个函数工作。

模板：

脚本：

我正在收集一些我希望允许用户下载的数据，并且我正在尝试找出处理文件名的最佳方法。默认文件名应该是动态的并且基于当前日期，所以我认为我需要computed property为它创建一个。我还希望用户可以选择更改文件名。但是，当我将其设置为v-model输入表单时，表单内的任何更改都不会在属性上注册。我不知道如何捕获该新值，以便以后可以使用它生成文件。我尝试了多种组合v-model和使用 multiple computed properties，但它们都没有给我预期的结果。

这是一个 jsfiddle，其中包含查看我的问题所需的最少代码。

我正在学习 Vue，并决定制作一个简单的税收计算器，并实时显示结果（没有显示总值按钮），一切都很好，但我有一个选择，理想情况下你将能够看到税收的类型和但是，我只能让它与价值一起工作。

所以只有最后一个选项（9.25）有效，我该如何放置描述但让 vue 只使用该值。

谢谢你。

此错误出现在带有 Vuetify 1.5.14 和 Vue 2.x 的 IE11 中。我正在使用 v-select 组件，如下所示：

并且在IE11中测试，当你改变v-select的值并点击组件外部或者按tab时，v-model的值被重置为null。而且我还有其他行为相同的 v-select。

在我的 main.js 文件中，我有如下 polyfill：

在 IE11 中使用 v-select 组件是否有解决此问题的方法？

首先，我在内部使用 Vuetify 的VSwitch组件my-component。我想将值返回my-component给父级。

就像是<my-component v-model="returnedData"></my-component>

然后是内<my-component></my-component>

如果可能，我想将 的值返回toggledData给使用它的父级。我已经浏览了一段时间的网络，但我只看到了输入。但是像 Vuetify 的一些组件是可能的，VTreeview所以我想也许是可能的。

我有一个 Vue.jstext-input组件，如下所示：

我text-input在另一个组件中使用它，如下所示：

然后，在使用 的组件的 JS 中text-input，我有如下代码用于删除li行：

该方法正确地从数组filter中删除具有索引的行，并且在父组件中，我可以确认该行确实消失了，但是，如果我有例如两行，第一行的值为第二个值为，然后我删除第一行，即使剩余行的值为，我仍然在文本输入中看到。idxrows1221

为什么？我不明白为什么 Vue.js 不更新文本输入的值，即使值value明显从1to改变2，我可以在父组件中确认。

也许我只是不了解 Vue.js 和v-model工作原理，但似乎文本输入的值应该更新。任何建议/解释将不胜感激。谢谢你。

我在 Vue 单文件组件中有以下模板语法：

在同一个组件中，我有以下数据：

问题：在 Chrome 中，此输入字段将不接受任何文本或数字。光标在字段中闪烁，但没有输入文本。我打开开发工具，输入时没有数据变化。我检查了我的键盘设置，那里没有什么奇怪的。

感谢您对此的任何指导！

我正在使用 Vuetify 创建一个数据表以显示记录列表，其中每条记录都有一个要下载的文件列表。然后，我为每个表格行创建一个按钮，当它被单击时，它应该显示一个带有文件列表的模式。

该列表被调用tableRows，它有几个对象。我在下面提供一个例子。

脚本

该表构建良好，但我无法为每个表行使用模式。

网站上的模态示例运行良好，我只使用一个变量（即dialog）并且我只想显示一个模态，但是在我的例子中，我有一个对象列表，其中每个对象都可以打开一个特定的模态。

我尝试将showDownloadDialog属性放在列表中的每个对象中并使用v-model(v-model='props.item.properties.showDownloadDialog') 绑定它，但无济于事。模态不打开。

模板

我试图在页面上打印属性props.item.properties.showDownloadDialog，当我单击按钮时它不会改变。我相信这个属性不是反应性的，因此，它的状态不会改变，但我不明白为什么它不是反应性的。来自props数据表似乎是一个副本，而不是我列表中一条记录的参考tableRows。

例子

我已经尝试在data ()called中添加一个简单的标志showDownloadDialog，而不是 using props.item.properties.showDownloadDialog，并且它可以工作，但不幸的是，它同时显示了所有模态，而不仅仅是与该记录相关的特定模态。

有人知道会发生什么吗？

先感谢您。

我有一个父表单组件和一个孩子。如何使用 v-model 将数据从一个传递到另一个？它们位于不同的文件中。我正在使用 Quasar Framework 的组件。

父组件

子组件

我如何onReset()工作？

自动翻译。

当连接到我的 buefy 数据表的 buefy 表单中触发 GO 按钮时，我有几个输入框通过 v-model 连接到数据。

我的表中的行可以是 2000 到 3000，我的分页不能少于每页 250。

我尝试使用v-model.lazy，但似乎不起作用b-input（buefy 输入字段）。

现在的问题是输入的初始填充一点也不慢，但是当表已满并且用户尝试编辑输入字段时，字段会出现延迟。

当我将分页设置为每页 50 个结果时，没有滞后，但我的问题是我不能有 50 个结果，我必须每页有 250 个结果。

谁能想到 Vue 中的解决方案？