问题标签 [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.

0 投票
2 回答
7468 浏览

input - 带有 v-model 的 Vue.js 组件

我已经能够在自定义组件上完成单层深度的 v-model 双向绑定,但需要更深一层。

当前工作代码:

像这样使用:<email-edit-input v-model="emailModel" />

但是,如果我添加这部分,则该值不再向上传播:

使用第二个自定义组件:

第一个代码块只需输入即可正常工作。但是,使用两个自定义组件似乎不会在两个组件中冒泡,只有 LineEditor。无论嵌套如何,如何让这些值通过所有自定义组件冒泡?

0 投票
1 回答
3327 浏览

javascript - 使用 javascript 和 vue 将对象添加到数组时我应该怎么做?

抱歉,如果这是一个非常简单的问题,我尝试在此处遵循一些答案,但我不能..

我想根据第一个向数组添加一个新对象

我发现可行的方法是这样的:

https://jsfiddle.net/myrgato/6mvx0y1a/

我知道通过使用注释的array.push,我只会一遍又一遍地添加对对象的相同引用,所以当我更改failedExample.name 的值时,它会在数组的所有位置发生变化。有没有办法不发生这种情况?就像,我添加第一个对象,然后将下一个对象作为 NEW 而不是引用?

0 投票
1 回答
935 浏览

vue.js - 将父组件的数据传输到子组件(元素 UI,Vue.js)的正确方法?

我正在使用 Element UI,有一个el-switch组件(如复选框),我不明白如何其他组件中使用它(el-table -> el-column -> el-switch)

这是代码:

现在的问题是单击开关不起作用,直到您调整窗口大小(奇怪)。由于某种原因,单击会切换行中的两个开关..

我很困惑。只想在牢房里有一个开关,但不知道怎么做。

我将非常感谢任何帮助。

0 投票
1 回答
533 浏览

vue.js - Why v-model attribute work differently

Two equal examples (according to Vue.js) work differently:

First

#xA;

Second:

#xA;

In the first example value changes only after second input, while the second example works correctly. If we delete @input.once attribute, two examples will work fine.

P.S. Vue 2.4.0

0 投票
8 回答
38192 浏览

vue.js - Vue:限制文本区域输入中的字符,截断过滤器?

<textarea name="" id="" cols="30" rows="10" v-model="$store.state.user.giftMessage | truncate 150"></textarea> 我尝试创建一个自定义过滤器:

但是当我把它放在 v-model 上作为输入时,这并没有破坏构建......

有什么建议吗?

0 投票
3 回答
9002 浏览

checkbox - 在Vue中,如何根据条件取消复选框?

我希望始终至少选中一个复选框,但我混合了v-model和的概念:checked

医生

v-model将忽略在任何表单元素上找到的初始或属性value。它将始终将 Vue 实例数据视为事实来源。checkedselected

我可以阻止我的模型被修改,但我不能阻止复选框被选中......

一些代码:

模板

该模型userOutputSeries

处理preventIfLessThanOneChecked程序

有什么想法可以阻止本机复选框传播吗?

0 投票
3 回答
2254 浏览

vue.js - Vue 模型不工作并且不执行该功能

这是我的表单文件,它包含 VUE 输入字段,我只想在选中该选项时才显示该字段Manually set new password。这是存在问题的最后一个字段。

0 投票
1 回答
305 浏览

javascript - 组的Vue2动态v模型

我正在研究住房表格,但我被困在某个地方,我希望有人能给我解决我的问题。

因此,当您选择您的房子有 2 层楼的表格时,您可以写下每层楼有多少房间、卫生间、阳台等。

我的问题是以某种方式将这些答案“分组”,以便我可以将其发送到我的后端并“阅读”这些答案。

所以这就是我到目前为止所做的:

如果我这样循环:

我可以使用 floor1 查看我的数据:

但是,如果在表格中有人选择 1 楼有 2 个房间并且没有添加任何其他输入,而我只到达 floor1 2

解决此类问题的更好方法是什么?

PS。每个楼层都会有这个 flooroptions 循环,他们可以为每个楼层输入每个选项的编号,我希望能够正确读取该编号..

0 投票
1 回答
45 浏览

design-patterns - 在容器上声明父模型

有什么办法可以使这项工作?

Javascript:

哈巴狗:

我想要实现的是说“整个容器绑定到数据中的这个对象。它的每个孩子都应该尝试在那个对象而不是根中找到想要的数据。

假设我在 homeAddress 对象中有很多属性,那么我不想写

但只有

编辑:我知道我可以通过为容器声明一个组件来做到这一点,但感觉有点矫枉过正。

0 投票
1 回答
1880 浏览

vue.js - v-model on textarea 覆盖内容

学习 Vue,我正在遍历一个对象,我希望能够在每个 textarea 中显示一些内容并单独识别 textarea 以进行更新等,但是我有一个问题,因为 v-model 用标识符号填充它。

我尝试使用 {{}} 将内容直接包含在文本区域中,v-model 会覆盖它。

我的代码很简单:

我的字段中只填写了一个数字,而我想要content.value例如