问题标签 [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 投票
1 回答
574 浏览

vue.js - 动态 v-model 不使用 v-html 指令完成输入

我有一个我应用的组件

在原始 HTML 的 dataProperties 中,我有一个输入标记,
v-model="data[name].property" 除了输入保持为空,即使 data[index].property 存在并且在我的组件数据中不为空。

0 投票
1 回答
4185 浏览

javascript - 计算属性的动态 `v-model` - 基于路由参数

我正在构建一个组件,该组件可用于设置各种 vuex 属性,具体取决于路由中传递的名称。这是它的幼稚要点:

请注意,我传递this[$route.params.name]v-model, 以使其动态化。这适用于设置(组件加载正常),但是在尝试设置值时,我收到此错误:

Cannot set reactive property on undefined, null, or primitive value: null

我认为这是因为this内部v-model变得未定义(?)

我怎样才能使这项工作?

更新

我也很想知道为什么这不起作用(编译错误):

0 投票
1 回答
2385 浏览

javascript - VueJS 在自定义组件日期时间选择器上使用 v-model

我想在我的自定义日期时间组件上使用 v-model,如下所示:

所以我在 DateTimePicker.vue 中所做的是:

但是@input当我选择日期时不会触发该事件,因此handleDateTime永远不会被调用。我不明白出了什么问题你能帮我吗?或者也许不可能在我的组件上使用 v-model 而我必须使用另一种方式?

0 投票
1 回答
9533 浏览

vue.js - 来自 Vue.js 的 ESLint 插件的消息中的“LHS”是什么意思?

来自 Vue.js 的官方 ESLint 插件的消息说:

'v-model' 指令需要与 LHS 一样有效的属性值。

触发该消息的示例是

LHS 是什么意思?

0 投票
0 回答
650 浏览

vue.js - v-pagination v-model 设置为 0 而不是我设置的默认值

我对 VueJS 还是很陌生,但一切都很好而且很有意义,但是突然之间,我在使用vue-plain-pagination. 在data()我的 Vue 组件中,我将currentPageprop 默认设置为1

在我的 index.html 中,我将其设置为v-model. 那v-model,无论我更改变量名还是在那里放置一个新变量,都默认为0.

我尝试更改变量名称,以防它与其他内容冲突,并且我尝试启动和使用不同的变量。但它始终默认为0.

当我渲染我的页面时,这个值被设置为 0,而它应该被设置为 1。以前有没有人见过这个问题,或者我错过了什么?

0 投票
1 回答
107 浏览

vue.js - 如何在开发时绑定到未知的属性名称

以下正确绑定到我的模型上的属性

就像这个

但这两者都要求我在开发时知道该物业的名称,而我不知道。

以下不起作用

header.columnName 是一个字符串并且存在,因为我可以将它用于复选框上的其他属性,例如提示或 id。

有什么想法吗?我是 vue.js、javascript、网络的新手。

0 投票
1 回答
1013 浏览

javascript - 在 vue/vuex 中保存或取消编辑

我有一个组件通过输入(文本字段、自定义选择等)处理一些用户数据firstName,例如lastName

有一个 vuex 存储存储这些数据,并且组件字段与之绑定v-model

我希望这些字段是可编辑的,但是当用户开始编辑其中一个字段时,按钮Save应该Cancel会出现。

单击Save按钮应用更改,单击Cancel应将所有字段恢复到开始编辑之前的状态。

我想知道这项任务是否有任何最佳实践/模式?

0 投票
2 回答
2541 浏览

vue.js - Vue.js 使用 v-model 进行全局数据访问

我正在开发一个网络应用程序,用户可以在其中处理项目。该应用程序的结构如下:

  • 组件 A(应用程序)
  • 组件 B1-Bn(页眉、页脚、主窗口等,A 的子级)
  • 组件 C1(输入区域;用于用户处理项目的输入,主窗口的子窗口)
  • 组件 C2(输出区域;画布显示基于来自 C1 的输入的结果。将来还有一个与 C1 同步的“图形”输入区域。主窗口的子窗口)
  • 组件 D1-Dn(输入区域的单个部分,如表​​格、高级输入组件等。C1 的子级)

现在用户正在处理的项目包含一个存储在组件 A 中的对象。组件 Dn 需要写入组件 A 中的对象,并且将来还需要写入 C2。

我无法让输入组件 Dn 上的 v-model 工作。我试图通过 props / v-bind 将数据从 A 向下传递到 C1,然后在 Dn 中,我对来自 C1(源自 A)的 prop 进行 v-model 到输入字段。我也尝试使用同步修饰符但没有成功。

我似乎对vue逻辑缺乏了解。我来自桌面背景,您只需定义变量的范围。我还发现其他 vue 学徒也有同样的理解问题,但不知何故我找到的答案还不够。

我想要一个可以由每个组件编辑并链接到 DOM 中的元素的“全局”变量。实现这一目标的最佳方法是什么?

0 投票
1 回答
109 浏览

vue.js - 如何使用 :value 复制 v-models :value?

@input我在使用andv-model@inputand之间得到不同的行为:value

v-model 与 :value 有什么不同,而我仅使用 :value 无法获得?

在 jsFiddle 创建了一个示例,显示了不同之处:顶部输入字段将只允许在输入中输入数字,而底部将允许输入所有内容。

我需要做什么才能通过仅使用@inputand来获得相同的功能:value

0 投票
6 回答
27575 浏览

javascript - 我们应该使用 v-model 来修改 Vuex 存储吗?

您好,我是 Vue 的初学者,但我确实遇到了一个困扰我的问题。我想知道我们应该使用 v-model 指令来修改 vuex 商店吗?Vuex 说我们应该只通过突变来修改 vuex 存储,但是 v-model 使一切变得更容易和更短。(我问是因为我找不到明确的答案)