问题标签 [v-model]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Vue-js - 根据数组中的对象实例更新输入值
我想input
用特定对象出现在对象列表中的时间来更新 的值。有没有办法使用绑定该数据v-model
?
应用程序.js
视图.html
在此示例中,我为菜单中的每个产品呈现产品卡片。在每张卡片中,我想更新input
以了解我的票中有多少产品(2 杯啤酒和 1 个“花生”)。
javascript - 带有数组的 vue.js v-model
我在页面上有动态数量的字段并尝试绑定一个数组来控制页面上的更改,但被 v-model 卡住了
这是我构建页面的方式(重现的最小示例):
这样我就得到了正确的 img src,但输入一直是空的。(通过将v-model更改为值来检查数据,一切都很好,但我需要在这里绑定它)
vue.js - Vue:嵌套 v-for-loop 中的 v-model
我被嵌套的 for 循环和其中的 v-model 困住了。我在第一个 for 循环 (row.amount) 中更新数据没有问题,但是当我在一行中更改 John 的输入 member.share 时,John 的所有共享都更新了吗?
我的组件:
这是数据:
search - V-Model 不会更新
我用搜索输入制作了一个简单的数据表,
学生.js
HTML
现在,由于某种原因,每当我将搜索留空时,它都会根据需要工作,但是当我通过输入文本框(他的 v-model 附加到 searchQuery 变量)来更改输入字段时,什么都没有改变,当我打电话时它(this.searchQuery)在开发工具控制台上,它说未定义。我错过了什么?提前谢谢大家!
vue.js - Quasar q-select 标记中的 Vue.js v-model 问题动态呈现计算属性
我正在使用 Quasar 框架中的 Vue.js 开发一个混合应用程序。有一次,我有一个有点大的表单,我将它拆分为子组件来处理输入部分,并且我通过 .sync 修饰符使用双向绑定(https://vuejs.org/v2/guide/ components.html#sync-Modifier,在 Vue 2.3.0+ 中可用)来处理数据。然后我使用计算属性来获取和设置父级中的每个值。例如:
当我硬编码 v-model 指令时,这很有效,如<input type=“text” v-model=“sync_firstName”/>
. 但是,当我使用 v-for 指令(使用 :key 并动态呈现 :options)分配 v-model 属性时,会读取模型值但未访问/评估计算属性,例如:
根据 v-model 的 eslint 插件指南(https://github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/valid-v-model.md),可以使用 v -for 建立 v-model 属性。在我的例子中,渲染数据{{ data.name }}
显示了正确的值(sync_firstName
)——但是这个属性没有被评估(尽管选项值被正确地渲染)。但是,如果我对计算属性进行硬编码<q-select v-model=“sync_firstName”></q-select>
,则该字段会完美呈现。我错过了什么?
谢谢!
javascript - 输入类型文件 vue.js 上的 v-model
如何从 input type="file" multiple 中的 v-model 数组中获取数据?
我正在使用 v-for 循环,我可以从每个 modFiles[] 中获取第一个数据。
但这只是第一个数据。如何获取 modFiles[0],modFiles[1],modFiles[3] 中的所有数据?以及如何计算每个 modFiles 中的数据?
非常感谢
vue.js - 在函数中传递时,输入上的 v-model 不会动态更改
我不知道这里哪里出错了。
获取所需数量的 textarea
然后将其推送到另一个数组中的数组
并像这样显示
第一次单击“确定”时它不起作用,但是如果您在单击“确定”后尝试输入另一个值,它会触发该功能并运行它。似乎它在触发addTextArea函数时没有传递值
vue.js - 刷新 v-model
我正在开发试卷应用程序。
一旦我输入一个问题并点击“+”按钮,问题就会进入试卷数组并且计数器加一。问题是在我点击“+”按钮之后,我之前输入的问题仍然在 UI 的字段中。因为我使用 v-model 来绑定数据字段。
我想要的是一种在 UI 中清除那些以前的问题数据的方法。这类似于重置按钮功能。
javascript - vue.js v-model 验证和显示字段
在这段代码中:
如何确保 {{text}} 仅显示经过验证的值?我是否必须创建两个数据成员 - 一个用于表单,另一个用于显示?这将导致我的代码混乱(我有很多大表格)。
也许有一个用于验证的 v-model 更新钩子?
这个问题的重点——是否可以避免拥有两个数据成员。
forms - vue.js 2.0 在关闭时重置传递给模态组件的道具
我有一个帐户组件,它允许用户单击当前的帐单地址,并打开一个带有表单以更新其帐单地址的模式。帐单地址作为道具传递给子(模态)组件
如果用户编辑了任何字段但随后决定关闭模式然后重新打开它,则编辑将被保留。将其重置为原始值的正确方法是什么,因为我只想在他们提交表单时更新地址?
父组件 JS
子组件 JS